2017-06-02 8 views
-1

ブートストラップを使用して1つのWebページに2つのハンバーガーメニューを正常に追加しました。 今、私は問題があります。私が正しいものを倒すと、左のものが崩壊します。両方とも崩壊したままです。 私が望むのは、それらのうちの1つを同時に崩壊させることです。ブートストラップでマルチハンバーガーメニューを使用する方法

私は[このコード上の] [1]と同様の問題を発見しました。

は、任意のサポート

[1]: https://codepen.io/glebkema/pen/kXAYGz 
+0

をファイルに追加しますか? – PiLHA

+0

jsやjqueryを使わなくても解決できるなら、それは素晴らしいことでしょう.. –

答えて

1

をありがとう、私はあなたのcodepenをフォークし、自分のコードにいくつかのJSを追加しました。 codepen.io/ayang10/pen/gROMvZ

JS/jQueryをしないと、あなたのJSにこれは

$(function(){ 
    $('.navbar .navbar-collapse').on('show.bs.collapse', function(e) { 
     $('.navbar .navbar-collapse').not(this).collapse('hide'); 
    }); 
}); 
+0

ありがとうございます@ Monkey_dev1300、これは私が探しているものです... JSを使わずに同じことをすることは可能ですか? –

+0

あなたはおそらくCSSでいくつかの魔法を働かせることができますが、少し複雑になるかもしれません。 –

関連する問題