Menu deroulant à 3 niveaux

bonjour
j'essaye de faire un menu à 3 niveaux mais je doit me planté quelque pars.
voici les extré de mon code.


<script type="text/javascript">
window.onload=function(){montre();montre2();};

function montre(id) {
var d = document.getElementById(id);
for (var i = 1; i<=20; i++) {
if (document.getElementById('smenu'+i)) {document.getElementById('smenu'+i).style.display='none';}
}
if (d) {d.style.display='block';}
}

function montre2(id2) {
var d2 = document.getElementById(id2);
for (var h = 1; h<=10; h++) {
if (document.getElementById('sserie'+h)) {document.getElementById('sserie'+h).style.display='none';}
}
if (d2) {d2.style.display='block';}
}


</script>

------

<DL id=menu>
<DT onclick="javascript:montre('smenu1');">1
<DD id=smenu1>

<DL id2=serie>
<DT onclick="javascript:montre2('sserie1');">1.1
<DD id2=ssmenu1>
<UL>
<LI> 1.1.1
<LI> 1.1.2
<LI> 1.1.3
</LI></UL></DD>

<DT onclick="javascript:montre2('sserie2');">1.2
<DD id2=ssmenu2>
<UL>
<LI>1.2.1
<LI>1.2.2
</LI></UL></DD>

</DL>

</DD>
</DL>