使用.load（）和fadeIn（）替換內容

Question

好吧我已經嘗試了幾種不同的方法，沒有一個女巫我很滿意，所以我來問。

我有一個美妙的側面導航，我爲一個網頁創建。我嘗試在點擊導航鏈接時將頁面的#content替換爲另一個頁面，我希望能夠做出與Ajax類似的平滑替換效果。

我對Javascript很新，但發現.replaceWith（）的東西。現在，我對源做出了各種演習，但無法實現。我嘗試使用.click（）執行.replaceWith（），並使其通過fadeOut（）替換當前內容和fadeIn（）新內容。

在我寫它併成功地衰落，但是當用戶點擊一次的導航鏈接的內容將增加一倍和三倍更換內容的代碼之一..

什麼是最好的方式做一個流暢的＃內容替換淡入淡出效果？

Answer 1

您需要先隱藏它，否則fadeIn將不起作用。

Live example。

就你而言，你可能需要使用jQuery get方法來加載不同頁面的內容。