jqueryでwordpressのアコーディオンを作成するには、助けが必要です！

Question

私はwordpress用のアコーディオンを作成しており、私が間違っていることを理解できないようです。

最終的に私は子供の要素を隠しているようにしようとしています。親がアクティブになると、子供が現れます。

JS：

<script> 
    $(document).ready(function() { //hide child page 
     $('#content ul.menu ul li').hide(); 
     //when navigate to a child page show all pages 
     $('#content ul.menu li.current-menu-item').parent("ul").show(); 
     //show page list when toggle 
     $('#content ul.menu ul li.active ul').show(); 
     //show cerrent page's child page 
     $('#content ul.menu ul li.current-menu-item ul').show(); 

     $('#content .menu ul li').click(function() { 
      $(this).addClass("active"); 
      $(this).children('ul').slideToggle("slow"); 
     }); 
    }); 
</script> 

サイト：事前にwww.svadsi.info

感謝。

Answer 1

をクリックイベントをキャッチする必要があります。あなたは

$(function() { 

の代わりに、また

$(document).ready(function() { 

であなたのコードをラップしたい

まず、私は

.addClass('hidden'); 

と

removeClass('hidden'); 

を使用することをお勧めします.hide（）の代わりに

。と.show（）;同じ問題を扱うとき

お気軽にコメントをフォローしてください。トラブルシューティングのお手伝いをします。

Answer 2

問題をより詳しく説明できますか？

あなたはWordpressのは、常にjQueryを使って素敵に再生されないのli原因のITバブルに

$('#content .menu ul li').click(function(e) { 
     $(e).stopPropagation(); 
     $(this).addClass("active"); 
     $(this).children('ul').slideToggle("slow"); 
    });