Show Only Next 10 Divs

I have a list with generated divs like this:

...

...

...

Solution 1:

I'm sure there's lots of ways, but I tend to use slice().

In your case, the following might do the trick:

Replace: $('.news-loaded').fadeIn(300);

With:

$('.news-loaded').slice(0, 9).fadeIn(300); 

EDIT: Credit to freedomn-m for this enhanced version of the above:

$('.news-loaded').not(':visible').slice(0, 9).fadeIn(300);

Share