jQuery eased animation -

i've codes as

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

each div has width of 250px & floated left; when click button, i'm using hide('one'); when div#one disappears, remaining 3 divs takes it's empty place , happens of sudden. want is, when div#one disappears, want remaining 3 divs slide left slowly.. in eased manner. how should that.

if give duration .hide() you're set, it'll animation, this:

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

you can test here.
_{note: works or without jquery ui, it's part of jquery core}