使用一个切换按钮关闭两个打开的导航栏之一

Question

我有一个导航栏，但有两个切换部分 - 一个是菜单，第二个是带有城市的图片。

我有两个按钮可以切换每个下拉导航栏。但是我想要一个按钮，它可以关闭打开的导航栏。

我已将单独的类添加到导航栏 - 一个是 .cities，第二个是 .menu。两者也类 ,navbar-collapsed collapsed" 当我打开一个导航栏 .cities 时，我无法使用与关闭 .menu 相同的按钮将其关闭。它也只是切换 .menu 并覆盖 .cities，所以我打开了两个导航栏，然后我可以使用此按钮仅打开和关闭 .menu。

我尝试更改 - 数据切换、数据目标和 onclick 事件，但似乎没有任何效果。

总而言之 = 两个按钮打开两个导航栏（有效），但一个将关闭现在打开的导航栏。

Answer 1

已解决此问题 - 我在该导航栏外的任何地方单击它都会折叠。我使用了相同的原理并进行了一些修改，并将其添加到链接的函数中，关闭按钮”，因此用户可以单击页面上的任意位置或直接单击关闭按钮，它将关闭两者。

 <script type="text/javascript">
 $(document).click(function(e) {
     if (!$(e.target).is('a')) {
         $('.cities').collapse('hide');
        $('.menu').collapse('hide');
        $('#navbars').attr('data-target','.menu');        
    }
 });
 </script>

使用一个切换按钮关闭两个打开的导航栏之一

Use one toggle button to close one of two opened navbars

navbar

twitter-bootstrap