崩溃不能很好地发挥作用

Question

我有这些按钮：

<div id="collapse-parent" >
  <button data-target=".search" data-toggle="collapse" data-parent="#collapse-parent" class="navbar-toggle collapsed mobile-toggle-search" type="button" >
        </button>
  <button data-target=".menu" data-toggle="collapse" data-parent="#collapse-parent" class="navbar-toggle collapsed mobile-toggle" type="button" >
        </button>
</div>

<div class="search collapse">
<div class="menu collapse">

问题：如果我点击搜索按钮，它会打开搜索div。然后，如果我点击菜单按钮，它会打开菜单div而不关闭下面仍然打开的搜索div。

我试过

$("#collapse-parent button").on("tap",          
    function() {
        console.log(1);
    }
 );

但它没有功能