Bootstrap collapse() 和未隐藏内容的闪烁答案

【问题标题】：Bootstrap collapse() and flash of unhidden contentBootstrap collapse() 和未隐藏内容的闪烁
【发布时间】：2012-06-23 05:21:05
【问题描述】：

使用 Twitter Bootstrap 框架，我使用 $('#foo').collapse() 制作一个常见问题解答，其中包含默认隐藏的可折叠答案，然后在您单击问题时可见。

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

我不能提前隐藏内容（通过display: none），否则折叠功能不知道盒子的高度并且折叠/展开不起作用。

我认为如果$('#foo').collapse() 没有为最初的折叠设置动画，而只是立即隐藏元素，则可以解决此问题。关于如何做到这一点（或其他解决方案）的任何想法？

这是一个可以玩的小提琴：http://jsfiddle.net/DHZNv/44/

谢谢！

【问题讨论】：

【解决方案1】：

这是你想要的行为吗？

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

【讨论】：

嗯...是的。但是您基本上只是将所有 data-* 属性直接添加到 HTML 中，而我需要以编程方式执行此操作。虽然......确实通过从答案中删除“in”类并跳过对.collapse()的调用来解决它，所以感谢您的提示。最后的小提琴：jsfiddle.net/DHZNv/47
始终欢迎提供指向潜在解决方案的链接，但请add context around the link，以便您的其他用户知道它是什么以及为什么存在。始终引用重要链接中最相关的部分，以防目标站点无法访问或永久离线。考虑到仅仅是指向外部站点的链接是Why and how are some answers deleted? 的一个可能原因。