クリックしてnavbarを閉じる/閉じる

Question

携帯端末のnavbarを自分のウェブサイトで崩壊させるのに問題があります。この問題は、ウェブサイトのモバイル版にのみ関係しています。

メニューボタンをクリックすると、サイトは正しいポイントまでスクロールしますが、ナビゲーションバーは開いたままになり、迷惑です。私はUL LIの要素にnavbarの "戻る"ボタンのような同じクラスを与えようとしましたが、これはnavbarを崩壊させるかもしれませんが、これはうまくいきません：// 誰でも私にいつでもナビゲーションバーを閉じることができますメニュー項目がクリックされますか？

これはウェブサイトである：

どうもありがとう

Answer 1

あなたはこのように、単にメニューアイコンをクリックする作用を誘発することによって、jQueryを使ってそれを解決することができます：

jQuery('.rd-navbar-nav li').click(function() { 
    jQuery('.rd-navbar-toggle').trigger('click'); 
}); 

この方法メニューの要素をクリックすると、ハンバーガーメニューアイコンをクリックすることもエミュレートされます。

Answer 2

ご希望の場合はJqueryを使用できますが、私は自分のサイトでJavaScriptを使用しています。 JavaScript​​で折りたたみ可能なnavbarメニューを作成する方法を見てみることができます。メニュー項目をクリックするたびにメニューバーを閉じるには、メニューがアクティブで開いている場合は、onClick（）属性でclose（）関数を設定するだけです。 close（）関数は、メニューを再び非表示にする関数です。

EDIT：JavaScriptでclose（）関数を定義し、メニュー項目を非表示にする必要があります。