jquery - 仅显示列表中的前 3 个元素，然后显示下 3 个循环

Question

我有一个包含 9 个元素的列表 (< li>)

我想要实现的是:仅显示列表中的前 3 个元素，5 秒后隐藏前 3 个元素并显示下一个 3 个元素，然后再次隐藏这 3 个元素并显示下一个 3 个元素，因此隐藏当前元素3 并显示接下来的 3 个循环..

这是我尝试编写的内容，但在我的代码中，我尝试在单击链接时调用操作。

jQuery('#lbrecentcarousel li:gt(2)').hide();

jQuery('#lbrecentdiv h2 a').live('click',function() {
jQuery('#lbrecentcarousel li').not(':visible').each( function() {

    jQuery(this).slideDown();

});
});

有人可以帮我解决这个问题吗...谢谢

Answer 1

写:

setInterval(function(){
    var index = $("li:visible:last").index();
    var len = $("li").length;
    var open = 3;
    $("li:visible").hide();
    if(index == len-1){
        $("li:lt("+open+")").slideDown();
    }
    else{
        $("li").slice(index+1,index+open+1).slideDown();        
    }    
},1000);

<强> Working demo here.