jquery - slideToggle 一次一个的分类元素

Question

我的html：

<div class="showOnReady">*content*</div>

我的jQuery：

$(document).ready(function () {

        $(".showOnReady").delay(3000).each(function () {
            $(this).slideToggle("slow");        
        });
});

问题是它们都同时发生。延迟工作正常，它们直到页面加载后 3 秒才会出现，但我希望它们一个接一个地滑动切换。

Answer 1

您可以使用它们index来增加每个动画之间的延迟，例如：

$(document).ready(function () {
        $(".showOnReady").delay(3000).each(function (i) {
            var del = i*500;
            $(this).delay(del).slideToggle(500);        
        });
});​

演示