3

Twitter ブートストラップで実装された Web サイトの折りたたみ可能な部分を開閉するための単純なボタンを作成しようとしています。折りたたみ可能な JavaScript プラグインを使用したいのですが、うまく動作しないようです。折りたたみのアニメーションは「閉じたとき」に発生しますが、「開いたとき」は瞬時です。

これは、問題を示す jsFiddle です。

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

私のナビゲーター (Mac の Chrome 22.0.1229.94) では、ボタンが初めてクリックされたときに、h2 が瞬時に「ポップイン」します。ボタンをもう一度クリックすると、素敵なアニメーションで h2 が「折り畳まれ」ます。もう一度クリックすると、すぐに「表示」されます。

「閉じるとき」だけでなく「開くとき」もアニメーションで動作させるにはどうすればよいですか？html/css を追加するか、js を変更する必要がありますか?

また、これは jquery 1.8.2 と最新の Twitter ブーストラップで発生することに気付きました。jquery 1.7.2 と bootstrap 2.0.2では問題なく動作するようです。できれば両方とも最新のものを使いたいです。

4

2 に答える 2

4

問題が見つかりました。それはドキュメントにあります：

  • Transitions プラグインを含める必要があります。

私の弁護では、その部分はグレー表示されており、要件としてあまり明白ではなかったと言わざるを得ません.

遷移モジュールを含めると、アニメーションが再び機能し始めました。

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

私を正しい軌道に乗せてくれた @funzionpro に感謝します。JavaScript の完全なセットが機能することを知ったら、残りは簡単に推測できました。

（この回答は2日以内に正しいとマークします。それまでは、自動応答に関するSOのポリシーのため、開いたままにしておく必要があります）

于 2012-10-18T15:57:43.640 に答える
1

2.1.1のbootstrap.jsを追加するとうまくいきそうです

作業フィドル: http://jsfiddle.net/whUvL/3/

于 2012-10-18T12:47:17.247 に答える