jquery - slideToggleクラス化された要素を一度に1つずつ

Question

私のhtml：

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

私のjquery：

$(document).ready(function () {

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

問題は、それらがすべて同時に発生することです。遅延は正常に機能します。ページが読み込まれてから3秒後まで表示されませんが、次々にslideToggleするようにします。

Answer 1

indexたとえば、それらを使用して、各アニメーション間の遅延を増やすことができます。

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

デモ