一个TAB的jquery简单写法2

 <style>
 .honver{ color:red;}

</style>
<script src="jquery-1.9.0.min.js"></script>
<div>yyyyyyyyyyy</div>

<ul>
 <li class="honver">A</li>
 <li >B</li> 
 <li  >C</li>
</ul>

<div>111111111111111</div>
<div style="display:none;">2222222</div>
<div  style="display:none;">33333333333</div>

<div>zzzzzzzzzzzzzzz</div>
<div>cccccccccccccc</div>

<script>
  $("ul li ").click(function(){
   $(this).addClass('honver').siblings().removeClass('honver');;
   var indexval =  $("li").index(this);
  
   var a = $("ul").nextAll('div').eq(indexval).text();
   var b =$("ul li").size();
var obj =$("ul").nextAll('div');
obj.hide();
obj.eq(indexval).show();
var  c = b-1;
obj.eq(c).nextAll('div').show();
});
</script>