не в состоянии цепи анимации в JQuery

Question

У меня есть список, который скрыт с помощью CSS код {дисплей: нет;}

теперь я использую код JQuery для анимации списка (Ли)

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

Мне нужно, чтобы анимировать элементы один за другим

есть пример в этом page

но весь литий являются анимируемыми все сразу и я не могу видеть белым у.

Answer 1

Просто используйте вместо этого:

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

В основном она захватывает все li с, а затем один за другим одушевляет их в то же время, каждая итерация удаляет первый элемент из списка.. Если вы хотите, чтобы анимировать наоборот, замените оба события :first на :last.