jQuery：slideUp 之后的 slideDown 跳跃——高度问题？

Question

这是一个常见问题，概述了here 和here，但是我找不到解决方案。

我有一个将外部文件加载到其中的容器 (#a)。首先使用 slideUp 函数隐藏当前内容，然后加载新内容，最后容器显示为 slideDown。但是动画很跳跃，因为当它向下滑动时，它会计算先前内容的高度。如何让它计算新内容的高度？

您可以看到the problem in action here（单击左列中的前三个链接之一），这里是 jQuery：

$('.kolonne a').click(function() {

    var url = $(this).attr('rel');
        $('#a').slideUp(function() {
        $(this).load(url); 
    }); 

    $('#a').slideDown();

}); 

Answer 1

我的猜测是你需要在加载内容后才进行滑动，尝试这样的回调：

$('.kolonne a').click(function() {

    var url = $(this).attr('rel');
        $('#a').slideUp(function() {
        $(this).load(url, function() {
           //done
           $('#a').slideDown();
        });
    }); 
});