c-s
1
現在テーマ2.0 symmetryを使っています。
モバイル版で表示したときに、メニューバーがハンバーガーメニューに切り替わります。
メニューを開くと、HOME,category,topics があり、さらにcategoryには階層(category>トップス、ボトムス)があった場合に、categoryを開き閉じる「
」を押すとハンバーガーメニューが引っ込みます。
その後、再度ハンバーガーメニューを開いた時に、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