Da html.it ho scaricato questo menu verticale espandibile.
Vi posto il codice

questo il file html:
<link rel="stylesheet" type="text/css" href="jsmenu.css">
<link rel="stylesheet" type="text/css" href="menu.css">
<script>
var prev="null";
window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
document.getElementById("nav").className="jsenable ";
BuildList();
}
}
function BuildList(){
var hs=document.getElementById("nav").getElementsByTag Name("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";
}
}
}
</script>
</head>
<body>
<div id="nav">
<ul>[*]Pagina 1[*]<h3>Pagina 2</h3>
<ul>[*]Pagina 1_2[*]Pagina 2_2[*]Pagina 3_2[*]Pagina 4_2[/list]
[*]Pagina 3[*]<h3>Pagina 4</h3>
<ul>[*]Pagina 1_4[*]Pagina 2_4[/list]
[/list]
</div>
questo il CSS
div#nav{
width:170px;
margin-left: 30px;
background: #00005A;
border: 1px solid #00005A;
font: 11px Arial, Helvetica, sans-serif
}
div#nav h3{
font-size: 100%;
margin: 0;
padding: 4px 10px;
border-top: 1px solid #FFF;
color: #000;
background-color: #7BA5E7
}
div#nav ul,div#nav li{
margin: 0;
padding: 0;
list-style-type: none
}
div#nav li{
margin: 0 0 1px 0
}
div#nav a{
display: block;
padding-left: 15px;
height: 18px;
line-height: 18px;
border-top: 1px solid #FFF;
background-color: #BDBDBD;
color: #000;
text-decoration: none;
font-weight: bold
}
div#nav a:hover{
color: #00005A;
background-color: #0099FF
}
div#nav ul ul a{
color: #333;
background-color: #AECDFF;
font-weight: normal
}
e questo il JS
var prev="null";
window.onload=function(){
if(document.getElementsByTagName && document.getElementById){
document.getElementById("nav").className="jsenable ";
BuildList();
}
}
function BuildList(){
var hs=document.getElementById("nav").getElementsByTag Name("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";
}
}
}

Quello che vorrei fare è creare un terzo sottomenu
Ad esempio:
Pagina 2
---Pagina 1 di 2
------Pagina 1 di 1 di 2
------Pagina 2 di 1 di 2
------Pagina 3 di 1 di 2
---Pagina 2 di 2
------Pagina 1 di 2 di 2
------Pagina 2 di 2 di 2
------Pagina 3 di 2 di 2
---Pagina 3 di 2
---Pagina 4 di 2

ecc.

chi mi aiuta?