[JS] menu con <dl> <dt> <dd>

[coniglio]

Ciao,
come da titolo devo realizzare una cosa del genere:

<dl>
<dt>prima sezione</dt>
<dd>questa parte resta nascosta fino al clik sul DT </dd>
<dt>seconda sezione</dt>
<dd>questa parte resta nascosta fino al clik sul secondo DT </dd>
ecc....
</dl>

non sarebbe molto difficile ma non riesco a fare si che si possa aprire una sola sezione alla volta.
Insomma vorrei che aprendo la seconda la prima si chiuda ecc...
Ho trovato degli script per gli elenchi <UL><LI> ma non per questo tipo di elenco ed io devo proprio usare il <DL>.

Mi sapete indicare un link oppure una spiegazione?
Grazie

[Zero]

Mmmm.. Cerchi qualcosa tipo menù ad albero ?

Se ho capito bene, eccoti un link (Clicca qui)..

L'unico problema è che questo menù non chiude la sezione aperta se clicchi su un'altra.

Per ovviare ti basterà guardare fra i commenti del link che ti ho fornito (o semplicemente clicca qui ) e troverai delle modifiche, fornite dagli utenti, che ti permetteranno di ottenere "l'effetto chiusura" che cerchi


Modifica: Dimenticavo.. si basa su <il><ul> (etc..). Ma basta cambiare i tag (con quelli che ti servono) perchè si adattino allo script.


Ciao

[coniglio]

grazie ora guardo.
il problema è che la struttura dell'elenco fatto con ul li è diversa da quello fatto con dl dd dt quindi gli script devno essere abbastanza diversi...

Ora guardo.

[Zero]

Originariamente inviato da coniglio
grazie ora guardo.
il problema è che la struttura dell'elenco fatto con ul li è diversa da quello fatto con dl dd dt quindi gli script devno essere abbastanza diversi...

Ora guardo.

Trovato

Clicca qui per il tutorial che ti spiega come crearlo e qui
per l'esempio pratico


Ciao

[coniglio]

Grazie questo deve essere perfetto...avevo provato amodificarne uno simile ma non ero riuscito...uso poco JS e nn sono molto pratico quindi.

Grazie Mille sei stato molto gentile