Twitter Bootstrap フレームワークを使用$('#foo').collapse()
して、デフォルトでは非表示になっていて、質問をクリックすると表示される折りたたみ可能な回答を含む FAQ を作成しています。
.collapse()
問題は、が初期化される前にすべてのコンテンツがフラッシュされることです。
事前にコンテンツを非表示にすることはできません (経由display: none
)。そうしないと、折りたたみ機能がボックスの高さを認識せず、折りたたみ/展開が機能しません。
$('#foo').collapse()
最初の崩壊をアニメーション化せず、要素を即座に非表示にすれば、これは解決できると思います。それを行う方法(または他の解決策)に関するアイデアはありますか?
ここで遊ぶためのフィドルがあります:http://jsfiddle.net/DHZNv/44/
ありがとう!