Анимация div в jQuery и подталкивание содержимого под ним

Question

Я анимация в divs в определенном порядке. Я начинаю их все сверху с абсолютным позиционированием и display: none, поэтому они находятся друг на друга в одном и том же пространстве и невидимы. В определенном порядке, определяемом чем-то другим, я хочу, чтобы они постепенно исчезали, и сползали по тем, которые уже исчезли.

Я использую код, который проходит через комментарии и проверяет, готов ли он к работе (по другой метрике, что не важно). Если это так, то есть, когда я хочу сделать это, затухайте в других слайдах. Вот как я (безуспешно) пытается сделать это:

$('#item' + i).fadeIn("slow"); 
$('#item_' + i).animate({ 
    top: '0px' 
}, 500); 
$('#item_' + i).css('position', 'relative'); 

Answer 1

Что точка абсолютного позиционирования, если у вас есть display: none? Вы можете сделать все divs относительно позиционированными или полностью удалить стиль позиции. Затем просто возьмите div и положите его в нужный контейнер. http://jsfiddle.net/zvc76/1/

$("#item" + i).prependTo("#container").show(400);