jquery slidetoggle查询

Question

我正在尝试使用jquery slide方法创建列表结果的下拉函数。

我遇到的问题是，当用户点击“类别”类时，它会展开并显示所有类别的“表单”。不只是被点击的那个。任何人都可以提出原因吗？

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