menu a cascata semplicissimo

[Buzzz]

io dovrei creare un menu semplicissimo, in pratica cliccando su un link deve apparire sotto un'altro div, tutto quì..
preferirei avere una guida per crearlo passo passo piuttosto che un esempio gia pronto.

grazie a tutti!

[Buzzz]

raga io ho trovato questo:

<div id="nascosto" style="display: none;">SONO NASCOSTO</div>

...

MOSTRAMI
NASCONDOMI

in questo modo utilizzo due link le mostrare e per nascondere il div..
se volessi utilizzare sempre lo stesso link, ma che cambia nome come devo fare?

es:
il div non si vede, clicco su MOSTRAMI e appare il div.
ora si vede il div, MOSTRAMI è cambiato in NASCONDIMI, clicco su NASCONDIMI e sparisce il div.
ora il div è nascosto e vedo la parola MOSTRAMI

grazie!!

[Buzzz]

up

[Xinod]

fallo richiamando una funzione

function mostraNascondi(tuoId,tuoLink){
  var s=document.getElementById(tuoId).style;
  tuoLink.innerHTML=(s.display=='block')?'MOSTRAMI':'NASCONDIMI';
  s.display=(s.display=='block')?'block':'none';

}
MOSTRAMI

vedi da solo se 'block' 'none' o 'MOSTRAMI' 'NASCONDIMI' vanno invertiti

[Buzzz]

:master:
di javascript non so molto..
e non capisco cosa c'è scritto nel codie.. puoi adattarmelo per questo:

<div id="nascosto" style="display: none;">SONO NASCOSTO</div>

...

MOSTRAMI
NASCONDOMI

o spiegarmi brevemente i passaggi che cerco di arrangiamri io..

grazie!

[Buzzz]

up

[Xinod]

come avevo detto prima
"vedi da solo se 'block' 'none' o 'MOSTRAMI' 'NASCONDIMI' vanno invertiti"

cambia
s.display=(s.display=='block')?'block':'none';
in
s.display=(s.display=='block')?'none':'block';

[Buzzz]

si ma intendo dentro a tuoId e tuoLink cosa devo metterci?

[Xinod]

non devi cambiare niente nella funzione

questi sono i tuoi link
MOSTRAMI
- 'nascosto' e' l' id dell' elemento da mostrare/nascondere
- this e' un riferimento al link stesso, ti serve e ti basta passarlo cosi'

ciao

[Buzzz]

ok funziona tutto perfettamente.. c'è un solo problema..

se io volessi utilizzare invece del cambio link (MOSTRAMI che diventa NASCONDIMI) un solo link (cioè rimane sempre la stessa parola), come modifico il codice?

grazie!