如何在bootstrap中使用多汉堡包菜单

Question

我已使用bootstrap在一个网页中成功添加了两个汉堡包菜单。 现在，我有一个问题，当我坍塌右边的那个，然后我折叠了左边的一个，它们都保持倒塌。 我想要的是，让其中一个同时崩溃。

我在[此代码] [1]上发现了类似的问题。

感谢您的支持

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

Answer 1

我分叉你的codepen并在你的代码中添加了一些js。 codepen.io/ayang10/pen/gROMvZ

将此添加到您的js文件

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