ハンバーガーメニューが自動で閉じない

Question

質問させて下さい。
以下のサイトを作ったのですが、
スマホのハンバーガーメニューをCSSで作っています。

ハンバーガーを開いて「お問合わせ」などがページ内リンクなのですが、
クリックした後、ページ内リンクだとメニューが自動で閉じません。
Jqueryなどのハンバーガーメニューの場合は、
様々ページで説明あるのですが、CSSはないので困っております。
お分かりになる方是非お教え頂けないでしょうか。

Answer 1

閉じる閉じないなどのトリガー動作は通常Jqueryで行う場合が多いです。
クリックされたら.activeなどのクラスを付与して、閉じるボタンあるいはメニュー内リンククリックで.activeを削除など。
CSSだけで実装するのであれば:focus-withinを調べてみてください。

Comments

[WPJ]

:focus-withinを調べて自己解決しました。この度はありがとうございました。