jQueryがアニメーションを楽にしました

Question

私は自分のコードを

として持っています

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

各divの幅は250px &です。 ボタンをクリックすると、私はhide（ 'one'）を使っています。 div＃1が消えると、残りの3つのdivは空の場所になり、突然起こります。私が望むのは、div＃1が消えると残りの3つのdivがゆっくりと左にスライドしてほしいということです。どうすればいいですか？

Answer 1

あなたはちょうどあなたがすべてのセットだ.hide()に時間を与えた場合、それはこのように、アニメーションになるでしょう：

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

You can test it here。
_{注：これは、}

Answer 2

一つの方法は、そのdiv要素を縮小することであるjQueryのコアの一部です...しかし、あなたはその後、シュリンクをフェードアウトとしたい場合は、最初に（アニメーションを使用することができ、またはjQueryのUIをせずに動作します）を使用して不透明度を0に変更し、animate（）も使用してdivを縮小します。最初のanimate（）でコールバックを使用することも、2つのアニメーションを一緒にキューに入れることもできます。

hide（）のニックの回答のように思えますが、同時に必要なすべてのものが消えて収縮します。