<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>