对于具有相同类的多个元素，只影响jquery中单击的元素

affect only the clicked element in jquery for multiple elements with same class

本文关键字：元素 jquery 单击 影响 于具 同类      更新时间：2023-09-26

我一直在寻找解决方案，但我不知道如何解决。

我想要的是，被点击的特定标题是唯一可以展开的标题。

演示在这里：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>

jquery:

$('.click-list').click(function() {
    $(this).find('.open-list').slideToggle(600);
});

jquery代码不起作用，而下面的代码是激活所有标头的代码：

$('.open-list').slideToggle(600);

使用.next()选择相邻的.open-list元素。

应该是：

$('.click-list').click(function () {
    $(this).next('.open-list').slideToggle(600);
});

更新示例

相关文章：