ハンバーガーメニューの閉じた時にリセット

現在テーマ2.0 symmetryを使っています。

モバイル版で表示したときに、メニューバーがハンバーガーメニューに切り替わります。

メニューを開くと、HOME,category,topics があり、さらにcategoryには階層(category>トップス、ボトムス)があった場合に、categoryを開き閉じる「:multiply:」を押すとハンバーガーメニューが引っ込みます。

その後、再度ハンバーガーメニューを開いた時に、categoryが開いた状態から始まるのですが

これを最初のHOME,category,topics が開くようにすることは可能でしょうか?

イメージとしては、nikeのモバイル版のような仕様です。

https://www.nike.com/jp/sportswear

一度ハンバーガーメニューを閉じると次開いた時は、また最初のメニュー選びからスタートします。

ご教授のほどよろしくお願いいたします。

C-S 様

はじめまして。

株式会社フルバランスのドウケと申します。

再度メニューを開いた場合、categoryが開いているのは、classが残り続けているからだと思います。

そのため、メニューを閉じる際は、categoryが開いたときに付与されるclassを削除すれば、ご希望通りに動作するかと思います。

現時点では以下のように動いていると予想されます。

1.メニューを開く(メニューを開くためのclassが付与される)

2.categoryを開く(categoryを開くためのclassが付与される)

3.メニューを閉じる(このときにcategoyを開くためのclassが残ったまま)

4.再度メニューを開く(categoryが開いた状態になる)

また、nikeサイトをChromeのデベロッパーツールで確認いただければ、classのつけ外しがご参考になるかと思います。

(ご参考までに:クラス名の削除)

https://qiita.com/tomokichi_ruby/items/2460c5902d19b81cace5

1 Like

なるほど、classが残ったままなのですね。

ありがとうございます!