0

「テストヘッダー」をクリックするとテストコンテンツが非表示になり、「テストヘッダー」をクリックすると再び表示されるようにしようとしています。

http://jsfiddle.net/ahaz86/4asqs/

現在、私のコードはテスト コンテンツを非表示にします。私が望んでいるのは、テスト コンテンツの表示と非表示を切り替えることです。

HTML:

<div class="content_list_container">
<div class="content_list_title" align="left">test header</div>
<div class="content_list_menu_items">
<ul>
    test
</ul>
</div>
</div>

jQuery:

$(document).ready(
    function() {
        $(".content_list_title").click(
            function() {
                $(this).toggleClass("selected");  
                $(this).next(".content_list_menu_items").hide();
            }
        );
    }
);

.toggle() メソッドを使用してみましたが、私のサイトでは機能しないようです。理想的ではありませんが、show() および hide() メソッドを使用してこれを行う方法はありますか?

4

1 に答える 1

5

toggle次の代わりにメソッドを使用できますhide。

jQuery(this).next(".content_list_menu_items").toggle();
于 2013-03-04T15:55:46.380 に答える