tab切换超简单

css代码：

#tab{overflow:hidden;zoom:1;background:#000;border:1px solid #000;}
#tab li{float:left;color:#fff;height:30px;cursor:pointer;line-height:30px;padding:0 20px;}
#tab li.cur{color:#000;background:#ccc;}
#content{border:1px solid #000;border-top-width:0;}
#content ul{line-height:25px;display:none;margin:0 30px;padding:10px 0;}

html代码：

    

        
01
        
02
        
03
    
    

        

           01
        
        

            02
        
        

           03
        
    

js代码：

$(function(){
    $('#tab li').click(function(){
        $(this).addClass('cur').siblings().removeClass();
        $('#content ul').eq($(this).index()).show().siblings().hide();
    })
});

…………END…………

谢谢支持，喜欢就点个❤