只影响在jQuery中点击的元素为多个元素相同的类

Question

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

我想要的是被点击的具体标题是唯一扩展。

演示是在这里：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代码没有奏效，而下面这段代码是acivates所有标题的一种：

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

Answer 1

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

它应该是：

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

Updated Example