<div class='content'>
<div class='block'>1</div>
<div class='block'>2</div>
<div class='block'>3</div>
<div class='block'>4</div>
<div class='block'>5</div>
<div class='block'>6</div>
<div class='block'>7</div>
<div class='block'>8</div>
<div class='block'>9</div>
<div class='block'>10</div>
<div class='block'>11</div>
</div>
<a href='' id='button'>показать еще</a>
первые 4 блока отображаются а все остальные через css скрыты, каким образом при нажатии на кнопку показать еще показывать остальные скрытые блоки по 4 штуки за раз и после того как все блоки будут отображены то кнопка показать еще пропадет? Заранее премного благодарен