0

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

});

前もって感謝します

4

1 に答える 1

1

コンテキストを渡す..または .find()を使用して、特定のものだけを開くことを認識します

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

また

$(".categories").click(function(){
    $(this).find(".forms").slideToggle("fast");
});
于 2013-01-10T14:52:04.437 に答える