jquery fadeIn (on) cliquez successivement sur chaque élément

Question

J'essaye de fondre chaque élément d'une suite div à fadeIn (in). Je sais comment se faner dans le bloc entier mais pas chaque div individuel.

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

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

Answer 1

Vous devez effacer la prochaine div dans le rappel d'achèvement de la précédente.

Par exemple:

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

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

Demo
Notez que vous aurez besoin de cacher les enfants, pas les parents.

Answer 2

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

Voici la démonstration en fonction de votre: http://jsfiddle.net/Km55n/2/

Answer 3

Vous pouvez faire quelque chose comme 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()); 
});