初始动画功能不起作用,但在用户此后单击时工作

时间:2012-07-04 20:42:55

标签: jquery fade

我刚学会了如何使用jquery所以请耐心等待。

http://jsfiddle.net/mariabarrette/KqjD3/20/

我正在处理的网站。除了最初的动画功能,我很满意。我的意思是,当用户在访问网站时第一次点击“关于”或“恢复”或“联系”时,内容不会淡入。用户查看了一个部分并且从即将更改为联系后恢复,没有问题,内容适当地淡入淡出。这只是内容第一次没有消失。

感谢您的帮助!

1 个答案:

答案 0 :(得分:0)

将隐藏设置为

.hidden {opacity:0; height:0 }

http://jsfiddle.net/KqjD3/22/

它之前不起作用,因为你没有显示任何内容,因此它没有动画的不透明度。

另外

<div id="contactcontent" class="hidden" class="opacity0">

可以改为

<div id="contactcontent" class="opacity0">

这将在不改变隐藏的情况下解决您的问题,您可以做更多优化,但我会将其留给您