WordPressテーマSANGOの質問

モバイル用ハンバーガーメニューのカテゴリ折りたたみ

アバター
kou84

はじめまして、コメントさせて頂きます。
現在SANGOを導入して構築中で、タイトルの通りハンバーガーメニュー内のカテゴリを折りたたみ表示にしたいと思っているのですが、それは可能でしょうか?
どうぞよろしくお願い致します。

SANGO
質問板アーカイブ
コメントへの回答
サルワカくん
サルワカくん
2019/04/05

はじめまして。
ウィジェットで親カテゴリーをクリック→子カテゴリーが表示されるようにしたい」と基本的に同じ方法でできます。
ナビドロワー(ハンバーガーメニュー)内のカテゴリーで効くように調整したコードが以下です。

<style>.widget_categories .children {
    display: none;
}</style>
<script>
$(function() {
  $("#drawer__content widget_categories .children").closest('.cat-item').children("a").on('click',function(){
     event.preventDefault();
     $(this).next(".children").toggle();
  });
});
</script>

こちらを外観→カスタマイズ→詳細設定→「headタグ内にコードを挿入」欄にまるっと貼り付ければ動くかと思います。

【2020/08/13追記】
SANGO v2.0.6〜上記のコードでは動かなくなります。上記のコードのうち「$」をすべて「jQuery」に書き換えることで動くようになります。

アバター
yaagi
2020/02/22

いつもありがとうございます。
https://saruwakakun.com/sango/comments?id=3986 を参考にチャレンジしてみましたがダメでした。他にアドバイスや原因などはございますでしょうか?
https://saruwakakun.com/sango/comments?id=1720 も設定済みです。

サルワカくん
サルワカくん
2020/02/22

お世話になっております。
おそらくですが、折りたたもうとしているものは「ナビゲーションメニュー・ウィジェット」だと思います。
そちらのコメントで紹介しているスクリプトは、「カテゴリー・ウィジェット」に対応するものです。
恐縮ながらナビゲーションメニューでは使用できません。

よろしくお願いします。