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

Question

我知道这对你们有些人来说很简单,所以请帮助我!我有3个面板(div),我想从一个按钮一个接一个地滑动.滑动一个面板很容易,但如何按顺序滑动多个div？谢谢.

Answer 1

给3 div一个类".slide_panel",这将循环遍历它们并在它们上执行动画.

$("#button").click(function()
{
    var i = -1;
    var arr = $(".slide_panel");
    (function(){
    if(arr[++i])
    $(arr[i]).animate({ left: "300px" }, 100, "linear", arguments.callee)
    })();
});

演示页面→

码