jquery - jquery 滑动切换查询

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

传入上下文..或使用.find ()所以它知道只打开一个特定的

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

或者

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