Mostrare/nascondere con un click un elenco di link

[ABS]

Dovrei mettere degli elenchi di link "a scomparsa" in un template di un blog, in modo che premendo su un link vengano mostrati oppure no (non so se mi sono spiegato).
Bisognerebbe inserire qualcosa del genere:

<script type="text/javascript">
function toggle(id) {
 if (document.all) {
  if (document.all[id].style.display == 'none') {
   document.all[id].style.display = '';
  } else {
   document.all[id].style.display = 'none';
  }
  return false;
 } else if (document.getElementById) {
  if (document.getElementById(id).style.display == 'none') {
   document.getElementById(id).style.display = 'block';
  } else {
   document.getElementById(id).style.display = 'none';
  }
  return false;
 }
}
</script>

 <div class="boxSidebar">
<h2 class="sectiontitle">Serie di Link</h2>
<h3>
 Alberi
 </h3>
<div id="Alberi">
  Prima puntata

  Seconda puntata

  Terza puntata

  ...
</div>

Il problema è che così DI DEFAULT mi mostra tutti gli elenchi, mentre vorrei che di default li nascondesse. Immagino si debba agire su block e none (questo esempio l'ho trovato in giro), ma non sono riuscito a ottenere risultati.

[Mac@]

Intendi :

<div id="Alberi" style="display:none;"> 

^_^

[Razzo1987]

o provato a copiare lo sript per usarlo a modo mio...

c'è un altro errorino:

Alberi

va tolto il trattino se no firefox da un errore

[and80]

Originariamente inviato da Razzo1987
o provato a copiare lo sript per usarlo a modo mio...

c'è un altro errorino:

Alberi

va tolto il trattino se no firefox da un errore

http://forum.html.it/forum/showthrea...62#post4313962