Twitter引導2.1.1打開可摺疊式時不折疊動畫

Question

我試圖創建一個簡單的按鈕來打開/關閉我的網站的可摺疊部分在twitter引導中實現。我想使用可摺疊的javascript插件，但它看起來並不正確：摺疊動畫「近距離」發生，但「在打開」時它是即時的。

這是一個jsFiddle解決這個問題。

http://jsfiddle.net/whUvL/2/

在我的導航器（Chrome 22.0.1229.94在Mac）第一次按鈕被點擊，H2 「啪啪」 瞬間。再次點擊按鈕，用一個很好的動畫「摺疊」h2。再次單擊「很快顯示」。

我該如何將動畫作品「打開」以及「關閉時」？我應該添加更多的HTML/CSS，或者更改一些JS？

另外，我注意到，這發生在jquery 1.8.2和最新的twitter boostrap。用jquery 1.7.2和bootstrap 2.0.2 it seems to work just fine。如果可能，我想使用兩者中的最新版本。

Answer 1

好，我已經找到了問題。這是right there in the docs：

• 需要轉換插件包括在內。

在我的辯護中，我必須說那部分是灰色的，並不是很明顯的要求。

一旦我包括轉換模塊，動畫又開始工作：

http://jsfiddle.net/whUvL/4/

榮譽給@funzionpro，誰把我在正確的軌道上 - 一旦我知道，包括一套完整的JavaScript它工作，其餘很容易推斷。

（我將標誌着這個答案，因爲在兩天正確的，在那之前我必須離開它打開，因爲SO的關於自動應答策略）

Answer 2

它似乎很好地工作，如果你添加2.1.1

工作撥弄bootstrap.js：http://jsfiddle.net/whUvL/3/