使用jQuery动画div并按下它下面的内容

Question

我按特定顺序在div中制作动画。我用绝对定位和display: none在顶部开始它们所以它们在同一个空间中彼此重叠并且是不可见的。按照由其他东西决定的特定顺序，我想逐个淡化它们并向下滑动已经消失的那些。

我正在使用循环注释的代码并检查是否已准备好（通过另一个不重要的指标）。如果是的话，那就是我想要这样做淡入/滑下别人的东西。这是我（尝试不成功）尝试这样做的方式：

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

Answer 1

如果你有display: none，绝对定位有什么意义？您可以使所有div相对定位或完全删除位置样式。然后抓住div并将其添加到所需的容器 - http://jsfiddle.net/zvc76/1/

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