jq tab切换
html
<!-- html 主体-->
<ul class="tab-hd">
<li class="active">切换1</li>
<li>切换2</li>
<li>切换3</li>
</ul>
<ul class="tab-bd">
<li>展示1</li>
<li>展示2</li>
<li>展示3</li>
</ul>
js
//tab切换js
function tabs(tabTit,on,tabCon){
$(tabCon).children().eq(0).show().siblings().hide();
$(tabTit).children().hover(function(){
$(this).addClass(on).siblings().removeClass(on);
var index = $(tabTit).children().index(this);
$(tabCon).children().eq(index).show().siblings().hide();
});
}
tabs(".tab-hd","active",".tab-bd");