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