Salve a tutti,
premetto le mie scarse conoscenze javascript.

Mi sto cimentando nella creazione di un menù dinamico verticale formato da voci di menù superiori e sotto menù che si apre cliccando sulle voci del livello superiore.
Fin qui tutto ok, il problema sorge però quando cambio pagina e vado su una pagine che ho cliccato dal sotto menu, il menu riparte da zero, io invece vorrei che rimanesse aperto e che la pagina che sto visitando rimanga evidenziata fino a quando la sto visitando.

Qui di seguito vi posto il codice.

Questo è il codice Javascript:

codice:
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("p");
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";
        }
    }
}
Questo è il codice nella pagina Html

codice:
                    <div id="nav">[*]

Artist</p>
                            <ul>[*]Paolo Rossi[/list]
                        
[*]

News</p> 
[*]

Mag</p>
                            <ul>[*]01 Come verrà distrutta Roma                   [/list]
                        
[*]

Contacts</p>[/list]
                </div>
Mentre questo è il codice CSS:

codice:
div.jsenable p{
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 a:selected{
font-weight: bold;
}
Spero di essere stato chiaro e che qualcuno mi possa aiutare.

Ringrazio tutti in anticipo...Grazie.