顯示/隱藏元素的同一頁w上多/ jQuery的

Question

我有在那裏我有各種

我的加價就可以了幾個不同的子元素導航頁面的只有一個是（基本上）

<div class="sub-nav"> 
<div class="sub-nav-btn"></div> 
    <ul> 
    </ul> 
</div> 
<div class="sub-nav"> 
<div class="sub-nav-btn"></div> 
    <ul> 
    </ul> 
</div> 
<div class="sub-nav"> 
<div class="sub-nav-btn"></div> 
    <ul> 
    </ul> 
</div> 

我目前的jQuery是

$('.sub-nav ul').css("display","none"); 
$('.sub-nav-btn').click(function(){ 
$('.sub-nav ul').toggle(); 
return false; 
}); 

目前這個工作，但打開所有叫的相關元素。如何獲取jQuery的工作，所以它只調用相關的元素，而不是所有

Answer 1

HIYA 演示http://jsfiddle.net/4aMwA/或更有組織小提琴這裏：http://jsfiddle.net/s2CtY/

slideTogglehttp://api.jquery.com/slideToggle/

於是方式這一工作是我已經把一些示例文本演示**點擊foo，你會看到它的ul，如果你點擊fp你會看到它的ul下滑等等。

jQuery代碼

$(document).ready(function() { 

$('.sub-nav ul').css("display","none"); 
    // Watch for clicks on the "slide" link. 
    $('.sub-nav-btn').click(function() { 
     $(this).next(".sub-nav ul").slideToggle(400); 
     return false; 
    }); 


});​ 

Answer 2

$('.sub-nav ul').hide(); 
$('.sub-nav-btn').click(function(){ 
    $(this).siblings('ul').toggle('slow'); 
});​ 

FIDDLE