Problème jquery avec la fonction animée

Question

J'anime une div avec jquery. Vous pouvez voir mon animation ici. Au bas de la page, vous cliquez sur le bouton "Appelez-moi". Maintenant, vous voyez une animation que je fais avec jquery. http://www.mikevierwind.nl/test/

Maintenant, mon animation tourne mal. J'ai utilisé ce code jquery pour l'animation.

nieuwsbrief_formulier_open = true; 
      $(this).parent('li').addClass('actief'); 
      $("#formulier-callme").animate({ width:"375px" }, 1000) 
       .animate({ height:"270px" }, 1000) 

Mais l'animation tourne mal. Maintenant, il anime en haut la première animation. Mais je veux qu'il anime en bas le premier animé.

Comment puis-je faire cela. Merci pour l'aide!

Answer 1

Pas de soucis! Vous êtes en train enchaînant les fonctions d'animation qui devraient plutôt être callbacks au sein de l'animation précédente:

nieuwsbrief_formulier_open = true; 
     $(this).parent('li').addClass('actief'); 
     $("#formulier-callme").animate({ height:"270px" }, 1000, function(){ 
      $(this).animate({ width:"375px" }, 1000); 
     }); 

Vous pouvez également obtenir plus d'informations sur les animations dans this thread jQuery