jquery - Jquery Toggle ヘルプ - デフォルト非表示

Question

これを使用して、クラス「トグル」の見出しの後に UL を切り替えます。

jQuery(document).ready(function(){
    $('.toggle').click(function() {
        $(this).next().toggle('slow');
        return false;
    })
});

このようなhtmlで：

<h2 class="toggle">Header</h2>
<ul style="display:none">
<li></li>
</ul>

display:none を追加して、ヘッダーがクリックされるまでデフォルトで非表示にしましたが、もう開くことができないようです。

編集: また、 $(this). next() を使用している理由は、これを同じページに適用したいヘッダーが複数あるためです。

Answer 1

jQuery を非競合モードで実行している場合は、ready 関数で $ var を宣言する必要があります。

jQuery(document).ready(function($){
    $('.toggle').click(function() {
        $(this).next().toggle('slow');
        return false;
    })
});