jquery slidetoggle查询

Question

我想创建一个下拉列表结果使用jquery幻灯片方法的函数。

我遇到的问题是，当用户点击“类别”类时，它会展开并显示所有类别的“表单”。不仅仅是被点击的那个。有人可以建议为什么吗？

我的HTML：

<div id="categoryloop"> 
    {% for c in Category_Name %} 
    <li class="categories">{{ c.Name }} 
     <ol> 
      {% for form in c.form_set.all %} 
      <li class="forms"><a href="/forms/{{ form.id }}">{{ form.Title }}</a></li> 
      {% endfor %}</ol> 
    </li> 
    {% endfor %} 
    </div> 
</div> 

我的Jquery

$(document).ready(function(){ 
$(".categories").click(function(){ 
    $(".forms").slideToggle("fast"); 
}); 

}）;

在此先感谢

Answer 1

传递一个context ..或使用.find()以便它知道只有打开特定的一个

$(".categories").click(function(){ 
    $(".forms",this).slideToggle("fast"); 
}); 

或

$(".categories").click(function(){ 
    $(this).find(".forms").slideToggle("fast"); 
});