Nascondere elementi

[fosforo]

Ciao
Spero di essere nel NG giusto.
Ho costruito una pagina con Dreamweaver cs3 e al suo interno ci sono diversi List/Menù.
Ogni List/Menù dovrebbe nascondere o visualizzare un'altro List/Menù a seconda della schelta.
Esempio:
Se con il primo List/Munù scelgo "viaggi" mi apparirà il secondo con la schelta delle città.
Se invece scelgo "automobili" il secondo List/Menù visualizzerà i modelli delle auto
e cosi via.
Avreste una guida da consigliarmi o della documentazione??

Grazie

[lila89]

ciao,
io per fare un menu simile a quello descritto da te ho utilizzato un semplice codice javascript attivato al passaggio del mouse (puoi anke metterlo al click del mouse) che fa comparire e scomparire div a seconda dle passaggio\click;

codice javascript:

<script language="javascript" type="text/javascript">
<!--
function apri(par)
{
    document.getElementById(par).style.visibility = "Visible";
}
function chiudi(par)
{
    document.getElementById(par).style.visibility = "Hidden";
}

//-->
</script>

codice html per apertura dei div:

<div class="menu" id="voce1" onmouseover="apri('vertcont1');" onmouseout="chiudi('vertcont1');">Home
<div class="vertcont" id="vertcont1"  >
...list...contenuto..
</div>
</div>

dove vertcont1 è l'ID di un altro DIV impostato invisibile da css...

codice css per i due DIV (uno visibile e l'altro quello che si apre:

div.vertcont
{
	position: Absolute;
    visibility: Hidden;
    background-color: #FFF60A;
    color: #4451FF;
    font: Normal 12px Courier New;
    width: 120px;
    border: Solid 1px #CCCCCC;
	margin-left:0px;
	margin-right: 0px;
	margin-top:18px;
	left:10px;
	top:16px;
}

div.menu{
	float: left;
	background-color: #FFF60A;
	color: #4451FF;
    font: Normal 12px Courier New;
    border: Solid 1px #CCCCCC;
	width: 120px;
	height: 18px;

}

spero di esserti stata di aiuto..