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