一个TAB的jquery简单写法

<style>
.honver{ color:red;}

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

<ul>
<li class="honver">A</li>
<li >B</li>
<li >C</li>
</ul>
<ul>
<li>111111111111111</li>
<li style="display:none;">2222222</li>
<li style="display:none;">33333333333</li>
</ul>

<div>zzzzzzzzzzzzzzz</div>

<script>

$("ul li ").bind("click", function(){

$(this).addClass('honver').siblings().removeClass('honver');;

var indexval = $("li").index(this);

$(this).parent().next('ul').children().eq(indexval).show().siblings().hide();

});

</script>