javascript - 有没有办法解决 Bootstrap Accordion JavaScript 的不稳定问题？

Question

我正在使用 Bootstrap 框架，我想我应该利用他们的 accordion layout 。然而，在他们的示例页面上，在 Chrome 和 Safari 桌面浏览器上测试时似乎有点不稳定¹。尽管桌面浏览器中的某些结果有所不同，但 iPhone 和 iPad 上的运动似乎总是不稳定。

问题:事情就是这样吗？是否有办法提高 Accordion 布局的速度和流畅运动，或者也许有一个更知名的 Accordion 布局？

¹所谓的断断续续，是指它不能一致以流畅的 Action 打开和关闭。

Answer 1

在这里，测试一下。

http://jsfiddle.net/JA7qY/

只是我所做的一小部分(在 fiddle 中查看其余部分):

$("[data-toggle='slider']").click( function(e) {
    var next_of_kin = "[data-parent='" + e.target.id + "']";
    $(next_of_kin).toggleClass('close');
});

我所做的只是扩展 jQuery 的数据切换，而不是仅仅通过 javascript 更改高度值，而是通过添加和删除允许使用 css 过渡(平滑动画)的类来更改它们。