2012-04-17 59 views
2

我有一段嵌套在div标签中的文本,应该展开并在单击链接时淡入文本。问题是,初始点击不会触发动画,它只是在回调函数的文本中淡出。animate在第一次点击时无法正常工作

无法找出这一个。其他经历过这个问题的人谈论了填充和CSS,但这不是这种情况。

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

+1

你应该总是将你的问题中的相关代码。这样,如果您链​​接的文件/页面不再存在,您的问题仍然存在,并且可能对将来的其他人有用。 – 2012-04-17 15:53:49

回答

3

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

在可能的方法是给它一个静态高度:

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

+0

太棒了。那就是诀窍。我猜想动画的延迟和随后的“缺失”是机器不得不绘制高度的结果。感谢詹姆斯! – techmaniac 2012-04-17 16:34:18

相关问题