Danh sách thu thập dữ liệu với jQuery

Question

javascript của tôi không cập nhật vào lúc này và tôi bị bối rối với điều này!

Tôi cần tạo danh sách hoạt ảnh với javascript như thế này - http://www.fiveminuteargument.com/blog/scrolling-list.

Những gì tôi muốn là để có một danh sách như vậy

<ul> 
    <li>Item 1</li> 
    <li>Item 2</li> 
    <li>Item 3</li> 
    <li>Item 4</li> 
    <li>Item 5</li> 
    <li>Item 6</li> 
</ul> 

Và hiển thị hai cùng một lúc, sau đó hiển thị chúng trong một vòng lặp, 2 tại một thời điểm.

Thậm chí mã giả sẽ giúp tôi bắt đầu.

Answer 1

Với html bạn đã bao gồm trong thư của mình, bạn có thể chạy như sau.

$(document).ready(function(){ 
    //hide all the list items 
    $("ul li").hide(); 
    //call the function initially 
    show_list_item(); 
}); 

function show_list_item(){ 
    //fade in the first hidden item. When done, run the following function 
    $("ul li:hidden").first().fadeIn("slow", function(){ 
     //if there are no more hidden list items (all were shown), hide them all 
     if($("ul li:hidden").length == 0){ 
      $("ul li").hide(); 
     } 
     //call this function again - this will run in a continuous loop 
     show_list_item(); 
    }); 
} 

Answer 2

Chỉ cần sửa đổi mã Yuval của, để có được những 'hai tại một thời điểm' hành vi làm việc:

$(document).ready(function(){ 
    //hide all the list items 
    $("ul li").hide(); 
    //call the function initially 
    show_list_item(); 
}); 

function show_list_item(){ 
    //fade in the first hidden item. When done, run the following function 
    $("ul li:hidden:first").fadeIn("slow", function(){ 
     //if there are no more hidden list items (all were shown), hide them all 
     if($("ul li:hidden").length == 0){ 
     $("ul li").hide(); 
     } 
    }); 
    $("ul li:hidden:first").fadeIn("slow", function(){ 
     //if there are no more hidden list items (all were shown), hide them all 
     if($("ul li:hidden").length == 0){ 
     $("ul li").hide(); 
     } 
     //call this function again - this will run in a continuous loop 
     show_list_item(); 
    }); 
}