问题描述
使用Twitter Bootstrap框架，我正在使用$('#foo').collapse()制作具有可折叠答案的FAQ，这些答案默认情况下是隐藏的，当您单击问题时即可看到.
Using Twitter Bootstrap framework, I'm using $('#foo').collapse() to make an FAQ with collapsable answers that are hidden by default, and then visible when you click the question.
问题是在初始化.collapse()之前，我得到了所有内容的闪光.
The problem is that I get a flash of all the content before the .collapse() is initialized.
我无法提前隐藏内容(通过display: none)，否则折叠功能不知道盒子的高度，并且折叠/展开不起作用.
I can't hide the content in advance (via display: none), otherwise the collapse function doesn't know the height of the boxes and collapsing/expanding doesn't work.
我认为，如果$('#foo').collapse()不对初始折叠进行动画处理，而只是立即隐藏元素，则可以解决此问题.关于如何执行此操作(或其他解决方案)的任何想法?
I think this could be solved if $('#foo').collapse() didn't animate the initial collapse, and just instantly hid the elements. Any idea on how to do that (or other solutions)?
这是一个玩弄的小提琴: http://jsfiddle.net/DHZNv/44/
Here's a fiddle to play with: http://jsfiddle.net/DHZNv/44/
谢谢！
推荐答案
这是您想要的行为吗?
这篇关于Bootstrap crash()和未隐藏内容的闪烁的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！