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代码：
<div>
<ul id="tab">
<li class="cur">01</li>
<li>02</li>
<li>03</li>
</ul>
<div id="content">
<ul style="display:block;">
<a href="#">01</a>
</ul>
<ul>
<a href="#">02</a>
</ul>
<ul>
<a href="#">03</a>
</ul>
</div>
</div>
js代码：
$(function(){
$('#tab li').click(function(){
$(this).addClass('cur').siblings().removeClass();
$('#content ul').eq($(this).index()).show().siblings().hide();
})
});
…………END…………
谢谢支持，喜欢就点个❤
