Jquery向下滑动，而不是滑动；相反，替换

Question

我正在尝试编写一个小脚本，一个接一个地从一组div中获取一些预先创建的div，将它们放到页面上，然后逐个向下滑动。我们的目标是最终得到一些like this，但潜在的大量和动态的div。

下面是我使用的函数("list“是我的div数组)：

function popMsg(){
        var popped = list.pop(); 
        $(popped).appendTo("#chatframe").addClass("sliding");
        $(".sliding").slideDown(1000);
        setTimeout(popMsg, 1000);
    }

它在页面上获得div是有效的，但不会发生滑落。取而代之的是，每个div替换最后一个，只是将一个div叠加在另一个之上。我不确定我做错了什么，完全没有想法。

Answer 1

啊！我想通了。我做了两件愚蠢至极的事：

a)我将.sliding的css设置为绝对。我把它改成了相对的。

b)我需要prependTo而不是appendTo。这使得每个div下推它之前的div。

它现在就像一个梦一样工作。