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轉換（平滑動畫）的類來改變它們。