無法在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

但所有李時珍正在動畫一下子，我不可能看到WH年。

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 s，然後一個接一個動畫它們與此同時，每次迭代從列表中移除的第一個元素。如果您希望以其他方式製作動畫，請將:first與:last這兩個發生替換。