Mostrar solo los siguientes 10 divs

Tengo una lista con divs generados como este:

...
...
...
...
etc.

En scroll quiero desvanecerme en 10 divs y mostrar un cargador falso.

Por ahora tengo este código:

 $(window).scroll( function(){ $('.ajax-loader').each( function(i){ var bottom_of_object = $(this).offset().top + $(this).outerHeight(); var bottom_of_window = $(window).scrollTop() + $(window).height(); if( bottom_of_window > bottom_of_object ){ $('.news-loaded').fadeIn(300); } }); }); 

Entonces, si el div cargador de ajax es visible, ahora carga TODOS los div pero solo quiero cargar los siguientes divs.

Estoy seguro de que hay muchas formas, pero tiendo a usar slice () .

En su caso, lo siguiente podría hacer el truco:

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

Con:

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

EDITAR: crédito a freedomn-m por esta versión mejorada de lo anterior:

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