jQuery的淡入（上）相繼

Question

單擊每個元素我試圖在一個div褪色每個元素淡入（中）繼承。我知道如何在整個街區但不是每一個人DIV褪色。

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

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

Answer 1

您需要褪色下一格在前面的一個完成回調。

例如：

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); 
    }); 

這裏演示基於您：http://jsfiddle.net/Km55n/2/

Answer 3

你可以這樣做this：

$('#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()); 
});