87,901
社区成员
发帖
与我相关
我的任务
分享
<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中的索引值
});
});
$(function () {
$("#acc div").addClass("hidden");
$("#acc h3").click(function () {
if ($(this).next("div").hasClass("hidden")) {
$(this).next("div").removeClass("hidden");
} else {
$(this).next("div").addClass("hidden")
}
});
});