帶有動畫功能的jquery問題

Question

我用jquery動畫div。你可以在這裏看到我的動畫。在頁面底部，點擊通話按鈕。現在你看到我用jquery製作的動畫。 http://www.mikevierwind.nl/test/

現在我的動畫出錯了。我用這個jQuery代碼來製作動畫。

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

但動畫出錯了。現在他在第一部動畫的頂部製作動畫。但我想讓他在底部創造第一個動畫。

我該如何做到這一點。謝謝您的幫助！

Answer 1

不用擔心！你只是鏈接動畫功能應該改爲以前的動畫中的回調在一起：

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

您還可以在this thread獲得有關jQuery的動畫的更多信息