初始動畫功能不起作用，但當用戶點擊後工作

Question

我剛剛學會了如何使用jquery，所以忍受着我。

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

有我工作的網站。除了最初的動畫功能之外，我對任何事情都很滿意。我的意思是，當用戶在訪問網站時第一次點擊「關於」或「恢復」或「聯繫」時，內容不會淡入。當用戶查看了一個部分並從即將改變到聯繫簡歷，沒有問題，內容適當地淡入淡出。這只是第一次，內容不褪色。

感謝您的幫助！

Answer 1

設置隱藏

.hidden {opacity:0; height:0 } 

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

，因爲你有沒有顯示，所以沒有不透明度爲它製作動畫之前沒有工作。

而且

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

可以換到

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

那會解決您的問題，而不改變隱藏的，也有更多的優化，你可以做，但我會離開這個給你