[JavaScript]Mostrare/Nascondere menù

Ciao a tutti, eccomi di nuovo qui :P...cmq la mia domanda è questa...sto facendo di nuovo la grafica per un mio sito ma come posso fare a nasconedere mostrare i menù?
Esempio:

<div class="nav" >
<ul class="nav_list >
<li class="li_nav_header"(imginizio)><a href="#"></a></li>	
<li class="li_nav_body"(img background men)><a href="#">Home</a></li>
<li class="li_nav_body"(img background men)><a href="#">Articoli</a></li>
<li class="li_nav_body"(img background men)><a href="#">Interviste</a></li>
<li class="li_nav_footer"(img fine men)><a href="#"></a></li>		
</ul>
</div>

e quando si clikka su "(imginizio)"
i link "scompaiono" e rimane solo...

<div class="nav" >
<ul class="nav_list >
<li class="li_nav_header"(imginizio)><a href="#"></a></li>
<li class="li_nav_footer"(img fine men)><a href="#"></a></li>		
</ul>
</div>

un esempio di come dovrebbe venire: http://simsnews.altervista.org/men.htm
Grazie.Ciao Davide ^_^...
PS:
(img fine men) = img sotto men
(img inizio) = img sopra men
(img background) = img backgroun men...
grazie..ciao ;)
Edit:
mi avevate postato un codice in un'altra occasione..ma non sapevo come modificarlo...e dopo non credo che faceva al caso mio ^_^...

[dementialsite]

Non dovrebbe essere troppo difficile:

1. Modifica leggermente il codice del menu nel modo seguente :

<div class="nav" >
<ul class="nav_list">
<li class="li_nav_header"(imginizio)><a href="javascript:toggle_menu('menu1')">Mostra/Nascondi menu</a></li>	
<ul id="menu1" style="display:none">
<li class="li_nav_body"(img background men)><a href="#">Home</a></li>
<li class="li_nav_body"(img background men)><a href="#">Articoli</a></li>
<li class="li_nav_body"(img background men)><a href="#">Interviste</a></li>
</ul><li class="li_nav_footer"(img fine men)><a href="#"></a></li>		
</ul>
</div>

2. Aggiungi questo script in testa alla pagina:

var menu1_visible = false

function toggle_menu (menu_id)
{
   var obj = document.getElementById (menu_id)
   switch (menu_id)
   {
      case 'menu1':
         obj.style.display = (menu1_visible ? 'none' : 'block')
         menu1_visible = !menu1_visible;
      break;
      // altri case simili...
   }
}

Stammi bene...

scusami dementialsite..ma non funziona :(...
e dopo dovrebbe essere aperto con i menù..e dopo quando l'utente clikka sul primo...("<li class="li_nav_header"><a href="javascript:toggle_menu('menu1')"></a></li>")
si dovrebbe chiudere il menù...e visualizzare solo qui 2 sotto..tipo..
http://sim.altervista.org/men.htm
O.o..invece è già chiuso...:(...ciao davide :D

[dementialsite]

Almeno il mostra/nascondi funziona, o ci sono problemi? Lo script sopra prevedeva appunto che il menu inizialmente fosse (scelta secondo me più logica...) nascosto, se invece all'inizio deve essere visibile ti dovrebbe bastare scambiare le scritte "none" con le scritte "block".

Stammi bene...

UPDATE: trovato l'errore... la funzione da chiamare si chiama toggle_menu() e non toggle()... uffi. Adesso sistemo sopra...