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"); 
});