title: Bootstrap two responsive menus - collapse one menu when the other menu-button is clicked
body: <p>There are two search-containers:</p>
  
  <pre><code>&lt;div id="navbarSearch" class="navbar-collapse collapse np-mobile-menu"&gt;&lt;/div&gt;
  &lt;div id="navbarMenu" class="navbar-collapse collapse np-mobile-menu"&gt;&lt;/div&gt;
  </code></pre>
  
  <p>The buttons to collapse this containers:</p>
  
  <pre><code>&lt;button class="b1" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarSearch" &lt;/button&gt;
  &lt;button class="b1" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbarMenu" &lt;/button&gt;
  </code></pre>
  
  <p>Is it possible (and how) as to hide one menu (if is open) when the other menu is clicked - and so open the second menu?</p>
  
  <p>Currently when the navbarMenu is open and i'm gonna open the other menu all two menus are open... You know what I mean?</p>
  
  <p>Thank you :)</p>