jQuery動畫未播放

Question

我認爲這段代碼可以工作，但它只能工作50％。它在動畫寬度從0到200px時起作用，反之則不起作用。

這個工程：$('#left').animate({"width": "200px"}, "1000").show();

但這並不：$('#left').animate({"width": "0px"}, "1000").hide();

我究竟做錯了什麼？

Here is a JSFIDDLE with all the code

Answer 1

隱藏之後的動畫完成：

$('#left').animate({"width": "0px"}, "1000", function() { 
    $(this).hide(); 
}); 

之所以存在是異步動畫火災，然後隱藏立即調用，導致它只是消失。把它放在完整的回調中給你想要的效果。

查看更新的提琴：http://jsfiddle.net/nV5Tu/12/