Bootsrapというフレームワークで使っている方も多いかと思います。
ハンバーガーメニューもついており、テンプレートを使えば
「あっ」という間にサイトが作れてしまいます。
ただいろいろと便利な反面、カスタマイズするには
少し知識が必要だったりします。
そのまま使うとハンバーガーメニューはアイコンをクリックしないと
閉じない設定になっています。
そこでハンバーガーメニューを開いた際に、メニュー項目を
クリックしたら閉じるという簡単なコードです。
こちらのサイトに記載されていたのを転記させていただきます。
(詳細はリンク先のサイトをご確認ください)
こちらのコードで無事にBootstrap4のハンバーガーメニューも
メニュー内の項目をクリックして閉じることが出来ました!
$(document).ready(function () {
$(“.navbar-nav li a”).click(function(event) {
$(“.navbar-collapse”).collapse(‘hide’);
});
});
コメント