jQuery scroll show hidden content

Question

How do I make it so that by default, 6 div elements are shown on the page, and when a user scrolls to the bottom of the page, six more are loaded?

If you see this ex

Answer 1

I have created a very quick example, it's not optimised by does the job:

http://jsfiddle.net/gRzPF/2/