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/