JQuery Smooth Slide Div Height

Question

Ich habe ein DIV, das 400px hoch ist, mit dem ID "Inhalt", dann mache ich ein Slidetoggle auf der DIV, lade einige Daten in die Div einer unterschiedlichen Höhe, z. B. 200px, und mache dann einen weiteren Slidetoggle. Was ich bekomme, ist die Rutsche, die auf 400px expandiert und dann auf 200px zurückkehren. Und dasselbe umgekehrt, expandiert auf 200px und dann auf 400px.

Dies ist mein Code:

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

Also dachte ich, ich könnte so etwas tun, das den Inhaltsdiv hochrutschen, die Daten laden und dann nach dem Laden wieder nach unten geladen wurde. Dies springt nicht wie die obige Methode, aber aus irgendeinem Grund ist es ziemlich ruckartig.

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

Kann mir jemand sagen, ob es eine bessere Möglichkeit gibt, dies zu tun, damit ich es reibungslos schieben kann?

Answer 1

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

Dies führt zu den besten Ergebnissen.

Answer 2

Ich hatte ein ähnliches Problem. Ich konnte dieses Problem beheben, indem ich die Div -Höhe festlegte, bevor ich nach oben rutschte.

Beispiel:

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