質問: 質問させて下さい。 以下のサイトを作ったのですが、 スマホのハンバーガーメニューをCSSで作っています。 ハンバーガーを開いて「お問合わせ」などがページ内リンクなのですが、 クリックした後、ページ内リンクだとメニューが自動で閉じません。 Jqueryなどのハンバーガーメニューの場合は、 様々ページで説明あるのですが、CSSはないので困っております。 お分かりになる方是非お教え頂けないでしょうか。
回答: 閉じる閉じないなどのトリガー動作は通常Jqueryで行う場合が多いです。 クリックされたら.activeなどのクラスを付与して、閉じるボタンあるいはメニュー内リンククリックで.activeを削除など。 CSSだけで実装するのであれば:focus-withinを調べてみてください。