Jquery animer des changements dans la div de la hauteur sur ajax charge

Je suis en train de faire un simple ajax charge de tirer dans les résultats de recherche et de les afficher dans un div:

$('#myDiv').load('update.php?id=123', function() {
   //callback here
});

C'est tous fonctionne bien et la div mises à jour comme prévu. 'myDiv' soit se réduit ou augmente en fonction du nombre de résultats retournés.

Comment puis-je animer la croissance/psy?

Je sais que je peux soit slideUp/slideDown ou afficher/masquer par exemple

$('#myDiv').slideUp('fast').load('update.php?id=123', function() {
   $('#myDiv').slideDown('fast');
});

Cependant, je ne veux pas diminuer ou de cacher ce que je veux de la hauteur pour aller de sa valeur avant de l'ajax charge à la valeur après l'ajax charge.

Est-ce possible?

  • Jetez un oeil à jQuery élastique plugin, je pense que la manière dont les calculs sont effectués en arrière-plan, il y aurait un point de référence utile
InformationsquelleAutor iltdev | 2010-11-03