tab切换(修改)

html代码：

 <div class="tabContent">
     <ul class="tab clearFix">
         <li class="fl active">第一项</li>
         <li class="fl">第二项</li>
         <li class="fl">第三项</li>
     </ul>
     <div style="display: block;">11111</div>
     <div>22222</div>
     <div>33333</div>
 </div>

css代码：

 ul.tab li{width: 100px;height: 40px;line-height: 40px;border: 1px solid #dbdbdb;text-align: center;}
 ul.tab li.active{border: 1px solid #45b035;}
 .tabContent div{width:306px;height: 300px;line-height:300px;text-align:center;color:#ff0;background: #dbdbdb;display: none;}

js代码：

 function tabList(Tab,index){
     $(Tab).find("div").hide();
     $(Tab).find("li").removeClass("active");                             $(Tab).find("div").eq(index).show().siblings("div").hide();
     $(Tab).find("li").eq(index).addClass("active").siblings().removeClass("active");
 }

调用：

$(".tab li").on("click",function(){ tabList(".tabContent",$(this).index());})