我正在尝试在菜单上实现Bootstrap 3 data-toggle="collapse"。我有一个使用数据切换的搜索栏，它运行良好，但在菜单上，虽然菜单出现并消失，但它没有动画。我无法弄清楚为什么。我相信我已经关注了Bootstrap文档。
以下是我的代码的精简版，显示了问题：http://jsfiddle.net/7g7y4ykh/1/
搜索栏切换代码：
<a class="btn-search collapsed" data-toggle="collapse" data-target=".search-collapse">
<span class="search-toggle"></span>
</a>
搜索条形码：
<div id="topsearch" class="collapse search-collapse">
...
</div>
菜单切换代码：
<a class="btn-navbar" data-toggle="collapse" data-target="#topmenu">
<span class="pancakes"></span>
</a>
菜单条形码：
<div id="topmenu" class="topmenu-nav collapse">
...
</div>
如果您点击搜索链接，会有一个小搜索栏滑入视图。如果单击菜单链接，则会出现菜单 - 无滑动。我怎样才能让它滑动？