¿Cómo hago para que de forma predeterminada, se muestren 6 elementos div en la página, y cuando un usuario se desplaza a la parte inferior de la página, se cargan seis más?

Si ves estoejemplo, tiene multiples divs. Quiero que solo se muestren 6 de ellos inicialmente, y cada vez que el usuario llega al final de la página, quiero que se carguen otros seis más, hasta que te quedes sin los divs.

Hasta ahora he intentado experimentar con jQuery infinite scroll plugins, pero no son aplicables en mi caso, ya que, de hecho, ¡la cantidad de elementos que tengo es muy limitada!

¿Cómo se puede lograr esto usando jQuery? ¡Gracias por adelantado!

EDITAR

Creo que uno podría establecer el resto de los divs en oculto (aparte de los primeros 6), y activar una función que carga seis más cuando se llega al final de la página.