javascript - 动画 DIV 高度以适应动态加载的内容

Question

可以更改其内容的 DIV(另一个内部 DIV)。我想达到如下效果:

1. 淡出当前内容。

2. 对 DIV 的高度进行动画处理以适应新内容的高度。

3. 淡入新内容。

Answer 1

您不需要使用延迟。您可以在 animate

上使用完成回调

$('.p').css('height', oldH); // keeping parent from collapsing
$('.one').fadeOut(function(){
    $('.p').animate({"height": newH},{
        done: function(){
            $('.two').fadeIn();    
        }
    });

});
})

查看更新的 fiddle http://jsfiddle.net/WNS3B/2/