[SOLUCIONADO] Acceder a todos los elementos de una clase

[asdasd22]

Código HTML:

<div class="boton"><a href="#" onclick="return false">click</a></div>
<div class="caja" style="width:300px; height:200px; background:#003399; display:none;"></div>
<br />
<br />
<br />
<div class="boton"><a href="#" onclick="return false">click</a></div>
<div class="caja" style="width:300px; height:200px; background:#003399; display:none;"></div>
<br />
<br />
<br />
<div class="boton"><a href="#" onclick="return false">click</a></div>
<div class="caja" style="width:300px; height:200px; background:#003399; display:none;"></div>
 

Perdón por el titulo que puede parecer erroneo es que me cambió la pregunta.
Lo que quisiera saber es con el HTML anterior, como haría para que al clickear en cualquiera de los enlaces mostrara o escondiera el div con class "caja" , pero solo el div siguiente a dicho enlace y no el resto que comparte la misma clase.

Código Javascript:

$('.boton a').click(function(event) {
        $(this).next(".caja").toggle('fast');
    });
 

Según entiendo el manual de esta forma debería funcionar pero no hace nada.
Donde esta el fallo?


EDIT: creo que ya lo tengo

Código Javascript:

$('.boton a').click(function(event) {
        $(this).parent().next(".caja").toggle('fast');
    });