我一直在寻找解决这个问题的方法,但我就是想不通。
我想要的是被点击的特定标题是唯一展开的标题。
演示在这里:http://jsfiddle.net/bm92L0eg/1/
html:
<h3 class="click-list">header a</h3>
<ul class="open-list">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<h3 class="click-list">header b</h3>
<ul class="open-list">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
<h3 class="click-list">header c</h3>
<ul class="open-list">
<li>item</li>
<li>item</li>
<li>item</li>
</ul>
j查询:
$('.click-list').click(function() {
$(this).find('.open-list').slideToggle(600);
});
jquery 代码不起作用,而下面的代码是激活所有 header 的代码:
$('.open-list').slideToggle(600);
最佳答案
使用 .next()
选择相邻的 .open-list
元素。
应该是:
$('.click-list').click(function () {
$(this).next('.open-list').slideToggle(600);
});
关于javascript - 对于具有相同类的多个元素,仅影响 jquery 中单击的元素,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/28377133/