Menu vericale in css

[mariana]

Ciao a tutti, ho creato il menu a tendina verticale presente in basso.
Ho necessità di:

1. aprire un menu a tendina alla volta, mi spiego meglio... se sono sul menu a tendina1 e poi clicco su menu a tendina2 in automatico il menu a tendina1 deve chiudersi.

2. se sono in una pagina presente come sottovoce del menu, vorrei che l'intera tendina restasse aperta.

Potete darmi una mano? Grazie mille!


CODICE:[*]
Tendina1
<ul>
[*]prova1
[*]prova2
[*]prova3
<li/>[/list]
[*]
Tendina2
<ul>
[*]prova1
[*]prova2
[*]prova3
<li/>[/list]



CSS:

body {
font-family: Helvetica, Arial, sans-serif;
font-size: 0.9em;
}

p {
line-height: 1.5em;
}

ul#menu, ul#menu ul {
list-style-type:none;
margin: 0;
padding: 0;
width: 15em;
}

ul#menu a {
display: block;
text-decoration: none;
}

ul#menu li {
margin-top: 1px;
}

ul#menu li a {
background: #333;
color: #fff;
padding: 0.5em;
}

ul#menu li a:hover {
background: #000;
}

ul#menu li ul li a {
background: #ccc;
color: #000;
padding-left: 20px;
}

ul#menu li ul li a:hover {
background: #aaa;
border-left: 5px #000 solid;
padding-left: 15px;
}

.code { border: 1px solid #ccc; list-style-type: decimal-leading-zero; padding: 5px; margin: 0; }
.code code { display: block; padding: 3px; margin-bottom: 0; }
.code li { background: #ddd; border: 1px solid #ccc; margin: 0 0 2px 2.2em; }
.indent1 { padding-left: 1em; }
.indent2 { padding-left: 2em; }css css

[Mich_]

Anzitutto quando inserisci del codice usa i tag VB, (ad esempio mediante il bottone # sopra l'area del testo)

Comunque il tuo sembra un semplice menu a tendina, in cui ci sono solo due voci iniziali.
Prova a farti un giro nelle raccolte di menu: molto probabilmente lo trovi gia` fatto.
Alcune raccolte sono citate tra i "link utili". A me piace in particolare il sito di CSSplay.

[mariana]

Pardon! Scrivevo dal cellulare e ho abbreviato... la prossima volta starò più attenta!
Grazie mille!