jQuery的緩解動畫

Question

我有我的代碼爲

<div id="container"> 
    <div id="one"></div> 
    <div id="two"></div> 
    <div id="three"></div> 
    <div id="four"></div> 
</div> 

每個div都具有250像素&寬度向左浮動; 當我點擊一個按鈕時，我使用hide（'one'）; 當div＃消失時，剩下的三個div將它作爲空的地方，它突然發生。我想要的是，當div＃消失時，我希望剩下的3個div緩慢地向左滑動..以緩和的方式。我應該怎麼做。

Answer 1

如果你給一個持續時間.hide()你所有的設置，這將是動畫，就像這樣：

$("#one").hide("slow"); 

You can test it here。
_{注：本作品有或沒有jQuery UI的，這是jQuery的核心部分}

Answer 2

一種方法是收縮該div ...但如果你想有一個淡出，然後收縮，可以先用動畫（ ）將不透明度更改爲0，然後使用animate（）縮小該div。您可以使用第一個animate（）的回調或將兩個動畫排列在一起。

似乎尼克的hide（）回答會在同一時間褪色和縮小，這可能是你所需要的。