javascript - jQuery slideDown 不流畅

Question

我有这个小的 jQuery slideDown 效果http://jsfiddle.net/Gg4eP/2/

但是动画不流畅？我做错了什么？

谢谢你的时间。

Answer 1

您只需将宽度添加到每个可扩展的 div。

http://jsfiddle.net/BpMam/

解释：

jQuery 在显示之前不知道隐藏 div 的尺寸。因此，当它被点击时，它实际上会将其拉出位置以测量它，然后再快速更换它。这通常具有引起一些跳动的副作用。设置元素的宽度可防止 jQuery 将其拉出位置。

Answer 2

一些浏览器不特别喜欢在动画时自动换行的文本，当它试图计算元素的高度时会有点生涩。

尝试格式化文本以适应元素，看看是否有帮助。

我实际上是为你做的，检查这个FIDDLE 是否解决了它？

可能也可以为滑动元素提供固定高度吗？

小提琴

Answer 3

我遇到了这个问题，因为要动画的 div 有一个动画时间。

transition-time: all 1s;

删除它并获得流畅的动画。