Jquery的：的slideToggle（）多個div獨立地使用一個功能

Question

標記：

<div> 
    <h3 class = "trigger">Heading 1</h3> 
    <ul class = "toggle"> 
     <li>Line One</li> 
     <li>Line Two</li> 
     <li>Line Three</li> 
    </ul> 
</div> 
<div> 
    <h3 class = "trigger">Heading 2</h3> 
    <ul class = "toggle"> 
     <li>Line One</li> 
     <li>Line Two</li> 
     <li>Line Three</li> 
    </ul> 
</div> 

和JQuery的：

$(".toggle").slideUp(); 
$(".trigger").click(function(){ 
    $(".toggle").slideToggle("slow"); 
    }); 

我想能夠將這些<ul>分別獨立地進行切換。目前，當點擊任一<h3>標題都div的切換...

代碼爲：http://jsfiddle.net/CPvCZ/4/

Answer 1

解決的辦法很簡單：

$(".toggle").slideUp(); 
$(".trigger").click(function(){ 
    $(this).next(".toggle").slideToggle("slow"); 
    }); 

http://jsfiddle.net/CkTRa/