前提・実現したいこと
ハンバーガーメニュー内のページ内リンククリック時に、メニューを閉じたい。
発生している問題・エラーメッセージ
ハンバーガーメニューで、別画面遷移の場合はメニュー表示が自動で閉じますが、 ページ内リンクの場合、背面でページ内遷移はしてますが、ハンバーガーメニューが開いたままです。 いろいろ調べてみて試しましたが、js初心者のため、お手上げ状態になり、質問させていただきました。
該当のソースコード
<div class="navToggle"> <span></span><span></span><span></span><span>menu</span> </div> <nav class="globalMenuSp"> <ul> <li><a href="#content_1">MENU1</a></li> <li><a href="#content_2">MENU2</a></li> <li><a href="#content_3">MENU3</a></li> </ul> </nav> <script> $(function() { $('.navToggle').click(function() { $(this).toggleClass('active'); if ($(this).hasClass('active')) { $('.globalMenuSp').addClass('active'); } else { $('.globalMenuSp').removeClass('active'); } }); }); </script>
試したこと
ここに問題に対して試したことを記載してください。
補足情報(FW/ツールのバージョンなど)
ここにより詳細な情報を記載してください。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2018/12/23 11:41