jQuery lisse coulissant DIV Hauteur

Question

I ai une division qui est 400px en hauteur avec l'ID « contenu », puis-je faire un slideToggle sur la Div, charger des données dans la division d'une hauteur variant par exemple 200px, puis faites une autre slideToggle. Ce que je reçois est la diapositive en expansion à 400px, puis sautez à nouveau à 200px. Et même à l'inverse, l'expansion à 200px, puis sautez à 400px.

Ceci est mon code:

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

Je pensais que je pouvais faire quelque chose comme ça, qui glisserait le contenu Div, charger les données, puis après son chargement coulissant vers le bas. Cela ne saute pas comme la méthode ci-dessus, mais il est tout à fait saccadé pour une raison quelconque.

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

Quelqu'un peut-il me dire s'il y a une meilleure façon de faire cela pour que je puisse le faire glisser en douceur?

Answer 1

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

Ce produit les meilleurs résultats.

Answer 2

J'ai eu un problème similaire. J'ai pu corriger ce problème en réglant la hauteur div avant de glisser vers le haut.

Exemple:

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