jQuery平滑滑动DIV高度

Question

我有一个高度为400px且ID为“content”的Div，然后我在Div上执行slideToggle，将一些数据加载到不同高度的Div中，例如200px，然后再做另一个slideToggle。我得到的是幻灯片扩展到400px，然后跳回到200px。反之亦然，扩展到200px，然后跳到400px。

这是我的代码：

$('#content').slideToggle(600, function() {
    $("#content").load('data.php').slideToggle(600);
});

所以我认为我可以做这样的事情，它会滑动内容Div，加载数据，然后在加载后滑回来。这不会像上面的方法一样跳跃，但出于某种原因它是非常生涩的。

$('#content').slideUp(600, function() {
    $("#content").load('data.php', function() {
        $("#content").slideDown(600);
    });
});

有人能告诉我是否有更好的方法可以让我顺利滑动它？

Answer 1

我有类似的问题。我可以通过在向上滑动之前设置div高度来纠正这个问题。

示例：

$("#myDiv").height($("#myDiv").height());
$("#myDiv").slideUp();

Answer 2

$('#content').slideUp(600, function() {
    $("#content").load('data.php', function() {
        $("#content").slideDown(600);
    });
});

这会产生最佳效果。