日期:2014-05-16 浏览次数:20353 次
<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中的索引值
    });
});