Tengo una página con unos 50 divs en ella. Me gustaría organizar estos divs en grupos de seis, para que el cliente no reciba "sobrecarga de información". He creado un sencilloejemplo / caso de prueba reducido de mi problema Como puede ver, hay un montón de divs, y lo quiero para que cuando se cargue la página, solo se puedan ver los seis primeros, pero cuando haga clic en la página 2 o en el siguiente, se mostrarán los seis siguientes, etc. La clase del número de página en la que se encuentra también debe configurarse para que tengaclass="current".

Hasta ahora he intentado usar jQuery, ¡pero me he quedado bastante atascado! Cualquier ayuda sería muy apreciada!