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();