tab切换

<div class="tab-nav">
　　<span class="login">登录</span>
　　<span class="register">注册</span>
</div>

<div class="tab-ct">
　　<div class="login">
　　　　　　<p>登录窗口</p>
　　</div>
　　<div class="register">
　　　　<p>注册窗口</p>
　　</div>
</div>

//登录注册选项卡切换方法一
    function tab(nav,ct){
        nav.click(function(){
            var i=$(this).index();
            nav.eq(i).addClass('line-on').siblings().removeClass('line-on');
            //ct.eq(i).show().siblings().hide();
　　　　　    ct.eq(i).removeClass('hide').siblings().addClass('hide');
        })
    }
　　　　 tab($('.tab-nav span'),$('.tab-ct>div'));
//登录注册选项卡切换方法二
    $.each($('.tab-nav span'),function(i,span){
        $(span).click(function(){
            $(this).addClass('line-on').siblings().removeClass('line-on');
            $('.tab-ct>div').eq(i).show().siblings().hide();
        })
    })