Jak zrobić to tak, aby domyślnie 6 elementów div było wyświetlanych na stronie, a gdy użytkownik przewija do dołu strony, ładowanych jest jeszcze sześć elementów?

Jeśli to zobaczyszprzykład, ma wiele div. Chcę, aby początkowo tylko 6 z nich było pokazywanych, a za każdym razem, gdy użytkownik dotrze do dolnej części strony, chcę załadować sześć kolejnych, dopóki nie skończy się „div”.

Do tej pory próbowałem eksperymentować z nieskończonymi wtyczkami przewijania jQuery, ale nie mają one zastosowania w moim przypadku, ponieważ w rzeczywistości liczba elementów, które posiadam, jest bardzo skończona!

Jak można to osiągnąć za pomocą jQuery? Z góry dziękuję!

EDYTOWAĆ

Sądzę, że można ustawić pozostałe div na ukryte (poza pierwszymi 6) i uruchomić funkcję, która ładuje sześć kolejnych, gdy dolna strona zostanie osiągnięta.