animazione sequenziale in jquery

[ricdata]

salve,

sto cercando di replicare questa animazione

http://tympanus.net/Tutorials/AnimatedContentMenu/

il problema è che non riesco ad animare le voci di menu in modo sequenziale (creando l'effetto onda), ma si animano tutte contemporaneamente.

questo è quello che ho scritto

$('#bar').animate(
    {width: '100%'},
    {duration: 500,
    specialEasing: {width: 'linear'},
    complete: function() {
        $('li').each( function() {
                $(this).animate(
                    {top:'0px'},
                    {queue: true, duration: 200, specialEasing: {top: 'easeOutBack'},
                }); 
        });
    }
});

mi date qualche suggerimento?
grazie

[longilineo]

basta usare un ritardo da applicare all'animazione incrementato ad ogni iterazione

Ti faccio un esempio semplificato:

ritardo = 100;
$(".myS").each(
    function(){
           ritardo += 1000
           $(this).delay(ritardo).fadeOut(350);
   }
); 

in questo modo ad ogni secondo ne scompare uno.

[ricdata]

ottimo!! grazie mille