incapable d'animation de la chaîne en jquery

Question

J'ai une liste qui est caché en utilisant le code css {display: none;}

maintenant je suis en utilisant le code jquery pour animer la liste (Li)

var numb = $("ol#update li").length; 
for(j=0; j < numb; j++) {      
    $("ol#update li").eq(j).animate({ 
    height: 'show', 
opacity: 'show' 
}, {duration:1000}); 
    } 

Je dois animer les éléments les uns après les autres

il y a un exemple dans ce page

mais toutes les années li sont en cours d'animation à la fois et je ne peux pas voir wh y.

Answer 1

utiliser Juste ceci:

var $li = $("ol#update li"); 
function animate_li(){ 
    $li.filter(':first') 
     .animate({ 
     height: 'show', 
     opacity: 'show' 
     }, 1000, function(){ 
     animate_li(); 
     }); 
    $li = $li.not(':first'); 
} 
animate_li(); 

Fondamentalement, il saisit toutes les li s, puis un par un les anime en même temps, chaque itération supprime le premier élément de la liste.. Si vous voulez animer l'inverse, remplacez les deux occurences :first par :last.