jQuery的平滑滑动DIV高度

Question

我有一个div，其与ID为“内容”高度400像素，我然后执行在DIV上一个的slideToggle，一些数据加载到变化的高度的股利例如200像素，然后做其他的slideToggle。我得到的是滑扩展到400像素，然后跳回200像素。和反向相同，扩大至200像素，然后跳转到400像素。

这是我的代码：

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

所以，我想我可以做这样的事情，这将向上滑动内容事业部，装载数据，然后它的加载滑背下来了。这不会像跳上述方法，但它是由于某种原因相当生涩。

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

谁能告诉我，如果有这样做，这样我可以顺利地滑动的更好的办法？

Answer 1

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

这产生最好的结果。

Answer 2

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

示例：

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