jQuery滑らかなスライディングdivの高さ

Question

ID「コンテンツ」で高さ400pxのDivがあり、Divでスライドトグルを行い、200pxのさまざまな高さのDivにデータをロードしてから、別の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

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

これにより、最良の結果が生成されます。

Answer 2

同様の問題がありました。滑る前にdivの高さを設定することで、この問題を修正することができました。

例：

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