JQuery自动滑下div

Question

我想让容器自动逐个滑下来。我使用Bootstrap来格式化div和其他HTML元素。我修改了代码。它在加载时显示所有内容，它不会逐个显示。

$(document).ready(function() {

    var addTime = 500;
    var slide = function(){ 
    $(".main .container").slideDown('slow'); 
    }
    var content = $(".main .container").first();

    setTimeout(function(){ 
    content.slideDown('slow'); 
    }, 500);

    while (content.length !== 0)
    {
        setTimeout(slide, addTime);
        content = content.next();
        addTime *= 5000;
    }
});