Menu espandibile verticalmente

[phpeer]

Ciao
Dopo aver trovato lo script di html.it:
http://www.html.it/articoli/esempi/a...544/List2.html

Volevo fare un menù espandibile come quello, però in modo che cliccando su un sottomenù ci sia la stessa funzione del menù principale, cioè in modo che cliccando , come nell'esempio, su grafica, successivamente si possa cliccare su teoria grafica e si aprano altri sottomenù
come si può fare?? Grazie in anticipo

[phpeer]

Scusate se la ripropongo ma è una cosa che non so risolvere!

[cavicchiandrea]

Vedi se qui trovi qualcosa che faccia al caso tuo.

[phpeer]

nono, io cercavo una variabile di quello in js, era perfetto anzi sarebbe stato meglio con i div anziche gli ul... Il problema è che apre solo un sottomenù, non 2

[cavicchiandrea]

Originariamente inviato da phpeer
nono, io cercavo una variabile di quello in js, era perfetto anzi sarebbe stato meglio con i div anziche gli ul... Il problema è che apre solo un sottomenù, non 2

A ok come non detto, ma dubito che qualcuno si prenda la bega di modificarti lo script, spero di sbagliare.

[phpeer]

Magari si trova un buon aiuto, non si sà mai! meglio postare il codice

Codice nella pagina html:

<div id="nav">
<ul>[*]Home Page[*]<h3>Contenuti e Web Writing</h3>
        <ul>[*]Web Writing[*]Architettura dell' informazione[*]Web Content Management[/list]
    [*]<h3>Grafica</h3>
        <ul>[*]Teoria Grafica[*]Corel Draw[*]Fireworks[*]Altri software[/list]
    [*]<h3>Leggi e lavoro</h3>
        <ul>[*]Leggi[*]Lavoro[/list]
    [*]<h3>Linguaggi</h3>
        <ul>[*]DHTML[*]Linguaggi emergenti[*]CSS[*]Javascript[*]Web Semantico[/list]
    [*]<h3>Multimedia e 3D</h3>
        <ul>[*]3D[*]Video per il web[/list]
    [*]<h3>Software</h3>
        <ul>[*]UltraDev[*]Frontpage 2000[*]Dreamweaver[/list]
    [*]<h3>Webdesign</h3>
        <ul>[*]Webdesign[*]Accessibilit&agrave;[*]Usabilit&agrave;[/list]
    [*]<h3>Webpromotion</h3>
        <ul>[*]Strumenti e tecnologie[*]Motori di ricerca[*]Web Marketing[/list]
    [/list]
</div>

codice javascript:

var prev="null";

window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
    document.getElementById("nav").className="jsenable";
    BuildList();
    }
}

function BuildList(){
var hs=document.getElementById("nav").getElementsByTagName("h3");
for(var i=0;i<hs.length;i++){
    hs[i].onclick=function(){
        if(this.parentNode.className!="show"){
            this.parentNode.className="show";
            if(prev && prev!=this.parentNode) prev.className="hide";
            prev=this.parentNode;
            }
        else this.parentNode.className="hide";
        }
    }
}

codice css!

div.jsenable h3{cursor: pointer} div.jsenable ul ul{display:none} 
div#nav li.hide ul{display:none} 
div#nav li.show ul{display:block} 
div#nav li.show h3{background-color: #FF0}

Speriamo in bene