将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() 
});