Tengo este HTML:

<div id="container">

<div class="boxes">first box</div>
<div class="boxes">second box</div>
<div class="boxes">third box</div>

</div>

<a href="jquery">Show me next box</a>

Considere que inicialmente solo el primer cuadro es visible. Cuando hago clic en "Mostrarme el cuadro siguiente", quiero que el cuadro visible actual esté oculto y el siguiente.boxes en la lista para aparecer.

Lo único que creo que se acerca es el.each función, pero no debería recorrer todas lasdivs solo para mostrar uno, creo.