如何修复bootstrap响应移动菜单打开延迟？

Question

第一次启动自适应响应式移动菜单时，页面中间卡住了一段时间然后跌落。当菜单下降时，其余时间也有延迟，同时菜单关闭也没有任何延迟。

我试过

.collapsing{
  height: 0 !important;
  opacity: 0;
}

但与结束

比较时仍然开启延迟

DEMO：http://codepen.io/anon/pen/MwMvmv

问题更新

在正常阶段菜单元素看起来像这样

<div id="toggle-menu" aria-expanded="true" class="navbar-collapse collapse">

它将班级collapse切换为collapsing并计算菜单高度，将该高度添加到内联css style="height:250px;"

<div id="toggle-menu" aria-expanded="true" class="navbar-collapse collapsing" style="height:250px;">

崩解后，

完成内联css支持并将类切换为collapse in"

 <div id="toggle-menu" aria-expanded="true" class="navbar-collapse collapse in" style="">

实际上我只需要绕过菜单collapsing的{​​{1}}和内联css

我需要绕过height类注射