2012-06-22 38 views
0

使用Twitter Bootstrap框架,我使用$('#foo').collapse()来制作一个包含默认隐藏的可折叠答案的FAQ,然后单击该问题时可见。引导程序崩溃()和非隐藏内容的闪存

问题是我在.collapse()初始化之前得到了所有内容的flash。

我无法预先隐藏内容(通过display: none),否则折叠功能不知道框的高度,折叠/展开不起作用。

我认为这可以解决,如果$('#foo').collapse()没有动画的初始崩溃,并立即隐藏的元素。任何想法如何做到这一点(或其他解决方案)?

这里玩小提琴:http://jsfiddle.net/DHZNv/44/

谢谢!

回答

2

这是你想要的行为?

http://jsfiddle.net/DHZNv/45/

+0

嗯......是的。但你基本上只是将所有的data- *属性直接添加到HTML中,而我需要通过编程来完成。 尽管...通过从答案中删除“in”类,并跳过对'.collapse()的调用来解决它,所以感谢您的提示。 最后的小提琴:http://jsfiddle.net/DHZNv/47/ – Colin

+0

一个潜在的解决方案的链接总是受欢迎的,但请[在链接周围添加上下文](http://meta.stackoverflow.com/a/ 8259/169503),所以你的同行们会有一些想法是什么,为什么它在那里。如果目标网站无法访问或永久离线,请始终引用重要链接中最相关的部分。考虑到_barely不仅仅是一个链接到外部网站_是一个可能的原因[为什么和如何删除一些答案?](http://stackoverflow.com/help/deleted-answers)。 –