jQuery ускори анимацията - jquery, jquery-ui

Имам кодовете си като

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

Всеки div има ширина от 250 пиксела и се разпространяваналяво; Когато натисна бутона, използвам скрий ("one"); Когато div # 1 изчезне, останалите три divs заема празното място и се случва внезапно. Това, което искам е, когато div # 1 изчезне, искам останалите 3 divs да се плъзгат бавно наляво. Как да го направя.

Отговори:

Ако просто дадете продължителност .hide() вие сте настроени, ще бъде анимация, като тази:

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

Можете да го тествате тук.
_{Забележка: Това работи с или без jQuery UI, това е част от jQuery Core}

Един от начините е да се свие този div ... но ако искате fadeOut и след това свиване, първо можете да използвате animate (), за да промените непрозрачността на 0, и след това да свиете този div, използвайки също animate (). Можете да използвате обратно извикване с първата анимация () или да подредите двете анимации заедно.

Изглежда, че отговорът на Ник за скриване () ще изчезне и ще се свие в същото време, което може да е всичко, от което се нуждаете.