Comment animer un élément Div à une hauteur automatique à l'aide de jQuery ?

1. Enregistrez la hauteur actuelle : Déterminez la hauteur du
   avant le redimensionnement.

var curHeight = $('#first').height();

2. Transition vers la hauteur automatique : Remplacez la propriété de hauteur par « auto » pendant un instant.

$('#first').css('height', 'auto');

3. Obtenir la hauteur automatique : Récupérer la hauteur naturelle du
   avec hauteur automatique.

var autoHeight = $('#first').height();

4. Rétablir et animer : Restaurer la hauteur initiale et lancer l'animation à la hauteur automatique.

$('#first').height(curHeight).animate({height: autoHeight}, 1000);

5. Concaténez le code : Combinez toutes les étapes pour un simple solution.

var el = $('#first'),
    curHeight = el.height(),
    autoHeight = el.css('height', 'auto').height();
el.height(curHeight).animate({height: autoHeight}, 1000);

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!