一次向下滑动一组隐藏的<li> s

Question

我想点击一个按钮一次滑下一个li.

我嘲笑我现在拥有的东西http://jsfiddle.net/S5T7N/.

 <div id="dropdown">


    <h1>when you click here</h1>

    <ul>
    <li>We</li>
    <li>Will</li>
    <li>Slide Down</li>
    <li>One At A Time</li>
    </ul>
  </div>

Answer 1

该了slideDown()函数具有第二参数,它是一个回调函数时的动画效果完成执行.只需使用该功能滑动下一个:

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

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

工作演示:http://jsfiddle.net/S5T7N/6/