jQuery Smooth scorrevole DIV Altezza

Question

Ho un Div che è 400px in altezza con il "contenuto" ID, ho poi fare uno slideToggle sul Div, caricare alcuni dati nella Divisione di altezza variabile ad esempio 200px, e poi ne fanno un'altra slideToggle. Quello che ho capito è la diapositiva in espansione a 400px, poi salta di nuovo a 200px. E lo stesso in senso inverso, in espansione per 200px, poi passare a 400 pixel.

Questo è il mio codice:

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

Così ho pensato che avrei potuto fare qualcosa di simile, che avrebbe scorrere verso l'alto il contenuto Div, caricare i dati, e poi, dopo che è stato caricato di scorrimento verso il basso. Questo non salta come il metodo di cui sopra, ma è abbastanza a scatti per qualche motivo.

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

Qualcuno può dirmi se c'è un modo migliore di fare questo in modo che possa scorrere senza intoppi?

Answer 1

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

Questo produce i migliori risultati.

Answer 2

Ho avuto un problema simile. Sono stato in grado di correggere questo problema impostando l'altezza div prima di scivolare in su.

Esempio:

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