Salve...

Ho una pagina con una fotogallery in lightbox (aggiornata settimanalmente), l'indice per accedere a tutte le gallerie realizzato con una dl nel seguente modo:

codice:
<dl class="indexbox">
   <dt>Data della galleria 1</dt>
   <dd>Descrizione</dd>
   <dt>Data della galleria 2</dt>
   <dd>Descrizione</dd>
</dl>
Visto che l'indice si sta facendo corposo, avevo pensato di suddividerlo in gruppi mensili racchiusi in un div che tramite javascript si chiude su se stesso e si estende al click dell'utente...

quindi trasformando il markup così:

codice:
<h3>Mese 1</h3>
<div class="monthbox" id="mese1">
  <dl class="indexbox">
     <dt>Data della galleria 1</dt>
     <dd>Descrizione</dd>
     <dt>Data della galleria 2</dt>
     <dd>Descrizione</dd>
  </dl>
</div>
<h3>Mese 2</h3>
<div class="monthbox" id="mese2">
  <dl class="indexbox">
     <dt>Data della galleria 3</dt>
     <dd>Descrizione</dd>
     <dt>Data della galleria 4</dt>
     <dd>Descrizione</dd>
  </dl>
</div>
Innanzitutto premetto che la scelta di usare scriptaculous è d'obbligo visto che la libreria è già caricata nella pagina e non voglio caricarne altre....
Il mio dubbio essendo un totale ignorante di javascript e non riuscendomi a racapezzare nella terribile documentazione di scriptaculous è il seguente:

Come faccio a rendere tutti i div della classe "monthbox" in modo che risultino "chiusi" in se stessi per poterli poi estendere tramite l'onclick ?