我使用bootstrap构建一个网站，但后来我注意到当它在ipad上达到纵向模式时（在我的情况下为3），菜单滑动变得非常非常慢。如果您在ipad3上look at their site（纵向模式，不确定其他ipads），您将看到子菜单显示的缓慢和波动。它在iphone上很好（我有iphone 4s）
所以我想用一个非常简单的.toggleSLide()构建我自己的东西，没有什么，同样的东西。我甚至使用.show()和.hide()，但即使在这种情况下，行动也很慢。
最终我使用了css动画，有点解决它：
$(".btn-navbar").click(function(){
$(".nav-collapse .nav").toggleClass('show');
});
和css
.nav {
height: 0;
}
.show{
-webkit-transition: height 0.2s linear;
height:300px;
overflow:hidden;
-webkit-transform: translateZ(0);
}
但是在支持css动画的平板/手机上呢？
我认为该问题与展示时.children()的{{1}}元素有关。
基本上我们可以拿一个bootstrap site并在ipad3 potrait模式下查看它，如何在点击上显示/隐藏平滑的子菜单？