FadeIn一次6倍的倍數點擊

Question

我有下面的代碼，基本上獲得了一些元素，並停止它們在6個項目。然後我得到一個按鈕，當點擊加載剩下的div。

我只是想要一次加載6個div。有沒有人知道這樣做的方式呢？

這裏是JavaScript：

function click_load() { 
    var count = 0; 
    var item = $('.newsmainimages'); 
    //var itemClick = $('<a href="#">Load More</a>'); 

    $(item).each(function() { 
     if (++count == 6) { 
      $(this).parent().append('<div class="nextClick"><a href="#">Load More</a></div>'); 
     } 
     else if (count > 6) { 
      $(this).css('display','none'); 
     } 
    }); 

    $('.nextClick a').click(function() { 
     $(item).each(function(item) { 
      $(this).delay(200*item).fadeIn("slow"); 
     }); 
     alert(item); 
     return false; 
    }); 
} 

乾杯

Answer 1

您可以使用切片這樣的事情

DEMO

$(function(){ 


     var count = 6; 
     showListItems(0 , count); 

     $('button').click(function() { 
      showListItems(0, ($('ul li:visible').length) + count); 

     }); 

     function showListItems(firstNumber, lastNumber) 
     { 
      $('ul li').slice(firstNumber, lastNumber).fadeIn("slow"); 
     }  


    });​