动画在第一次单击时无法正常工作

Question

我有一段嵌套在div标签中的文本，这些文本应该展开，并在单击链接时使文本淡入。问题是，初始点击不会触发动画，它只会淡化作为回调函数的文本。

无法想出这个。其他经历过这个问题的人谈论填充和CSS，但这不是这里的情况。

http://jsfiddle.net/XPs2w/1/

Answer 1

问题是第一次点击时div的内容为display: none。这意味着你的div基本上没有内容，这意味着它没有高度。所以你的动画从0高到0高。第一次运行动画后，内容就会淡入。现在有了内容，动画高度实际上就可以了。

可能性是给它一个静态高度：

http://jsfiddle.net/XPs2w/2/