日期:2014-05-16 浏览次数:20290 次
<div id="acc"> <h3>第一页</h3> <div>1111111111111111111111</div> <h3>第二页</h3> <div>22222222222222222222222222</div> <h3>第三页</h3> <div>3333333333333333333333333333333</div> </div>
$(function () { $("#acc div").hide(); $("#acc h3").click(function() { //知道这个前提:div在h3之后,且两种元素索引同步。要找div方法就多了 //$("#acc").children().eq($(this).index()+1).toggle();//从共同的父元素下使用eq(当前h3索引+1)进行查找 //$(this).siblings().eq($(this).index()).toggle();//$(this).siblings()可获取当前h3的同辈元素,在这些元素中,当前h3在同辈中的索引必定指向它的下一个元素,就是后面的div了 //$("#acc div").eq($(this).index()/2).toggle();//后面的div在所有div中的索引值=当前h3在同辈中的索引值/2 //$("#acc div").eq($(this).index("#acc h3")).toggle();//后面的div在所有div中的索引值=当前h3在所有h3中的索引值 }); });