顺序执行动画而不是同时使用类选择器

时间:2014-09-30 09:16:34

标签: jquery animation slideup sequential

自我承认新手在这里,希望这将是一个简单的解决方案。

$(.classname).slideUp();

当我执行上面的代码时,所有元素同时向上滑动。相反,我希望他们一个接一个地执行动画。

有任何帮助吗?谢谢!

1 个答案:

答案 0 :(得分:1)

试试这个:

var animInterval = 100; // 100ms interval between animation starts
$('.className').each(function (i, e) {
    setTimeout(function () {
        $(e).slideUp();
    },i * animInterval);
});