Gente, estou começando a trabalhar com javascript e travei numa parte do projeto.
Tenho uma estrutura mais ou menos assim:
<div> <ul> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> <li></li> </ul> <a href="#">Carregar mais</a> </div>
As li estão com display: inline block.
O problema é que eu não estou conseguindo fazer funcionar esse "carregar mais". A intenção é ir carregando 4 li's de cada vez. Eu pensei em usar show e hide, mais não sei como determinar que a cada click apareçam 4.