jquery - 第一次点击时动画无法正常工作

Question

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

这个问题想不通。其他遇到此问题的人谈论填充和 CSS，但这里的情况并非如此。

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

Answer 1

问题是您的 div 内容在第一次点击时为 display: none 。这意味着您的 div 本质上没有内容，也就是说它没有高度。所以你的动画是从 0 高度到 0 高度。第一次运行动画后，内容会淡入。现在有了内容，对高度进行动画处理实际上会起到一些作用。

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

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