显示/隐藏元素的同一页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