Jquery 向下滑动一组隐藏的<；李>；一次一个

我想点击一个按钮，一个一个地滑下一些李的

我模拟了一下我现在拥有的东西

当你点击这里

我们
意志
滑落
一次一个

看一看

这将遍历每个

li

，并为每个

li

设置等待不同时间的超时。它当前设置为500毫秒，因为这是动画的时间。这些值应保持不变，以获得连续的动画。

该函数有第二个参数，该参数是动画完成时要执行的回调函数。只需使用该功能滑动下一个：

var slide = function(who)
{
    who.slideDown('slow', function(){
       var next = $(this).next('li');
       if (next)
           slide(next);
    });
}

$("#dropdown h1").click( function() {
    slide($('li:first'));
})

工作演示：

---

是的，它会；只需将超时时间设置为小于500毫秒。例如，将其设置为250将使下一个

li

在上一个

li

的动画中向下滑动一半。示例（100ms）。

$("#dropdown h1").click( function() {
    var lis = $(this).next('ul').find('li');

    $(lis).each(function(index) {
        var li = $(this);

        setTimeout(function() {
            li.slideDown(500);
        }, 500 * index);
    });
} )

var slide = function(who)
{
    who.slideDown('slow', function(){
       var next = $(this).next('li');
       if (next)
           slide(next);
    });
}

$("#dropdown h1").click( function() {
    slide($('li:first'));
})

$("#dropdown h1").click( function() {
    var sliderTimer=300;
    $("li").each(function()
                 {
                  $(this).slideDown(sliderTimer);
                     sliderTimer+=300;
                 });
} );