对于Bootstrap的手风琴JavaScript的不稳定性有什么补救措施吗？

Question

我使用Bootstrap框架，我以为我会使用他们的accordion layout。但是，在他们的示例页面上，在Chrome和Safari桌面浏览器上进行测试时，似乎有点不稳定 ¹ 。虽然桌面浏览器的某些结果有所不同，但iPhone和iPad上似乎总是出现波动。

问题：这就是它的方式吗？无论如何都要提高手风琴布局的速度和流畅度，或者可能有更好的手风琴布局？

¹ 通过波涛汹涌，我的意思是它不会以流动的方式打开和关闭始终。

Answer 1

在这里，测试一下。

http://jsfiddle.net/JA7qY/

只是我所做的一小段（查看其余的小提琴）：

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

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