jquery - jQuery:一个接一个地滑动面板

我知道这对某些人来说很简单，所以请帮帮我！
我有3个面板（divs），我想通过单击按钮一个接一个地滑动。滑动一个面板很容易，但是如何依次滑动多个div？
谢谢。

最佳答案

即使我非常喜欢Kane's solution，如果您不了解JavaScript语言的“匿名函数”和arguments.callee功能，也可能很难理解。

以下内容也适用：

$('#slideDiv').click(
    function(e)
    {
        e.preventDefault();
        var i = -1;
        var divList = $(".slide");
        var animationCallback = function()
            {
                if(++i < divList.length)
                    $(divList[i]).slideUp('slow', animationCallback);
                    //Replace 'slideUp' with any other animation of your choice. Make sure to pass 'animationCallback' as the last parameter.
                    //e.g. you can do
                    //$(divList[i]).animate({ left : '300px'}, 100, 'linear', animationCallback);
            };

        animationCallback();
    }
 );

Demo Page →

编辑：

更新了演示页面。添加了有关如何使用不同动画的注释。