[tomato]

とても気に入って使っています。

ドロワーメニューで子メニューがある場合についてですが，

■特定の親メニューのみ，ドロワーメニューオープン時に開いた状態（その後の動作は通常通り）にしたいのですが，可能でしょうか。

＊自力でCSSでトライしてみたのですが，JS使用が良さそうで断念しました。

■特定の親メニューのみ，右端のアイコンだけで無く，親メニュー文字をタップした場合も子メニューが表示されるようにしたいのですが，可能でしょうか。
（この場合，親メニューのリンクは無効で構いません）

＊無理矢理アイコンの領域を広げてみたのですが，オープン時の回転でoffに無理がありました。

以上，よろしくお願いします。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

子テーマの functions.php に次のようなコードを追加してみるとどうでしょうか？

add_action(
    'wp_footer',
    function() {
<script>
jQuery(function($) {
  var parent = $('#menu-item-313'); // 開きたいメニューの ID を指定
  parent.children('.c-drawer__toggle').attr('aria-expanded', 'true');
  parent.children('.c-drawer__submenu').attr('aria-hidden', 'false');
});
</script>
    }
);

♥ 0

いいねをした人: 居ません

[tomato]

お世話になります。

教えていただいたソースを子テーマの「functions.php」に貼り付けたところ，WEBが真っ白になりました。

一応，別環境でも試しましたが同じでした。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

ありゃすみません、修正してみました。

add_action(
    'wp_footer',
    function() {
        ?>
<script>
jQuery(function($) {
  var parent = $('#menu-item-313'); // 開きたいメニューの ID を指定
  parent.children('.c-drawer__toggle').attr('aria-expanded', 'true');
  parent.children('.c-drawer__submenu').attr('aria-hidden', 'false');
});
</script>
        <?php
    },
    100
);

♥ 0

いいねをした人: 居ません

[tomato]

お世話になります。

無事，実現できました。とても助かりました。

あと「特定の親メニューのみ，右端のアイコンだけで無く，親メニュー文字をタップした場合も子メニューが表示されるようにしたい」は，難しいでしょうか。

数人の方から子メニューが開きにくいといわれたもので，実現できると助かります。

♥ 0

いいねをした人: 居ません

[キタジマ タカシ]

無事，実現できました。とても助かりました。

良かったです！

あと「特定の親メニューのみ，右端のアイコンだけで無く，親メニュー文字をタップした場合も子メニューが表示されるようにしたい」は，難しいでしょうか。

残念ですがこれはできません。通常文字の部分はそのページへのリンクが設定されており、それを動作させるようにしておく必要があるためです。

♥ 0

いいねをした人: 居ません

[tomato]

了解しました。

とても助かりました。

♥ 0

いいねをした人: 居ません

[投稿者]

投稿