Eu tenho uma página com cerca de 50 divs nele. Eu gostaria de organizar esses divs em grupos de seis, para que o cliente não tenha "sobrecarga de informações". Eu criei um simplesexemplo / caso de teste reduzido do meu problema. Como você pode ver, existem muitos divs, e eu quero que quando a página carrega, apenas os seis primeiros sejam visíveis, mas quando você clica na página 2 ou na próxima, os seis seguintes são revelados e assim por diante. A classe do número da página em que você está também deve ser configurada para terclass="current".

Até agora eu tentei usar o jQuery, mas fiquei bastante preso! Qualquer ajuda seria muito apreciada!