jQuery deslizamiento suave DIV Altura

Question

Tengo un Div que es 400 píxeles de altura con el ID de "contenido", a continuación, hago un slideToggle en la Div, cargar algunos datos en la Div de una altura variable, por ejemplo, 200 píxeles, y luego hacer otro slideToggle. Lo que se ve es la ampliación de la diapositiva a 400 píxeles, y luego saltar de nuevo a 200 px. Y lo mismo a la inversa, la ampliación a 200 píxeles, y luego saltar a 400 píxeles.

Este es mi código:

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

Así que pensé que podría hacer algo como esto, lo que se deslizan hacia arriba el contenido Div, cargar los datos, y luego después de que se carga deslizante hacia abajo. Esto no salta al igual que el método anterior, pero es bastante desigual por alguna razón.

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

¿Alguien puede decirme si hay una mejor manera de hacer esto para que pueda deslizarse sin problemas?

Answer 1

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

Esto produce los mejores resultados.

Answer 2

He tenido un problema similar. Yo era capaz de corregir este problema estableciendo la altura div antes de deslizar hacia arriba.

Ejemplo:

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