javascript – jQuery slideDown不顺利

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

但动画不顺利？我做错了什么？

谢谢你的时间.

解决方法

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

http://jsfiddle.net/BpMam/

解释：

jQuery在显示之前不知道你隐藏的div的尺寸.所以当它点击它实际上拉出它的位置来测量它,然后快速更换它.这通常具有引起一些跳跃的副作用.设置元素上的宽度可以防止jQuery将其拉出位置.