Bootstrap4 ハンバーガーメニューをクリックすると閉じる

※ アフィリエイト広告を利用しています

Bootsrapというフレームワークで使っている方も多いかと思います。

ハンバーガーメニューもついており、テンプレートを使えば
「あっ」という間にサイトが作れてしまいます。

ただいろいろと便利な反面、カスタマイズするには
少し知識が必要だったりします。

そのまま使うとハンバーガーメニューはアイコンをクリックしないと
閉じない設定になっています。

そこでハンバーガーメニューを開いた際に、メニュー項目を
クリックしたら閉じるという簡単なコードです。
こちらのサイトに記載されていたのを転記させていただきます。
(詳細はリンク先のサイトをご確認ください)

こちらのコードで無事にBootstrap4のハンバーガーメニューも
メニュー内の項目をクリックして閉じることが出来ました!

$(document).ready(function () {
$(“.navbar-nav li a”).click(function(event) {
$(“.navbar-collapse”).collapse(‘hide’);
});
});

BootstrapjQuery
noteをフォローする
note

コメント

タイトルとURLをコピーしました