jquery fadeIn（on）連続して各要素をクリックします

Question

div内の各要素をフェードイン（継承）してフェードインしようとしています。私はブロック全体をフェードインする方法を知っていますが、個々のdivは消えません。

http://jsfiddle.net/reggi/Km55n/

$('#button').click(function() { 
    setTimeout(function() { 
     $('#divWithDivs').fadeIn(500); 
    }, 300); 
}); 

Answer 1

あなたは前のものの完了コールバックに次のdivをフェードする必要があります。例えば

：あなたは子供ではなく、親を非表示にする必要があります

function fadeAll(elems) { 
    elems.filter(':hidden:first').fadeIn(1000, function() { fadeAll(elems); }); 
} 

fadeAll($('#parent div')); 

Demo
注意。

ここ

Answer 2

$('#divWithDivs').children().first().fadeIn(500, function() { 
     $(this).next().fadeIn(500, arguments.callee); 
    }); 

あなたに基づいてデモ：あなたはthisような何かができhttp://jsfiddle.net/Km55n/2/

Answer 3

：

$('#button').click(function() { 
    var show_next = function(elem) { 
     if (elem.length) { 
      elem.fadeIn(300, function() { 
       show_next(elem.next()); 
      }); 
     } 
    }; 
    show_next($('div#divWithDivs').children().first()); 
});