WordPress jqueryでカテゴリーを開閉式にする

WordPressでサイトを作成していると、カテゴリーが膨大になってしまう事が無いだろうか？

親カテゴリーが沢山、子カテゴリーも沢山あって、サイドバーに表示するには多すぎる場合がある。

カテゴリの一覧を表示するにも縦に伸びすぎて見た目が悪い。

なので、普段は親カテゴリしか表示せず、マウスオンでその子カテゴリが出現するようjqueryで設定した。

jqueryを用意

jqueryを用意します。

4行目のhoverをclickにするとクリックしたときに表示する様になる（はずです・・・）

５行目と６行目の400という数字は開閉のスピードです。
ここの数字を変えると開閉のスピードが遅くなったり速くなったりします。
お好みで変えて下さい。

これをヘッダー部分で読み込んでください。

ウィジェットで使用しています。(Exec-PHP使用)

後はul.tree-menuをCSSで表示を整えます。

これで実装完了です。簡単でした。