將HTML內容加載到div中的動畫效果

Question

我有一個單擊功能，它抓住一個div的內容並將其加載到另一個div中。我想爲該加載添加一個簡單的淡入淡出。這是我到目前爲止：

$("ul.portfolio li a").click(function(e) { 
e.preventDefault(); 
var content = $(this).next('.clickContent').html(); 
$("#container").html(content).fadeIn('slow'); 
}); 

它不工作。內容只是加載。任何想法如何得到這個動畫？

在此先感謝！

Answer 1

您需要先隱藏的div：

$("ul.portfolio li a").click(function(e) { 
    e.preventDefault(); 
    var content = $(this).next('.clickContent').html(); 
    $("#container").hide().html(content).fadeIn('slow'); // added .hide() 
});