Ho un menu' a tendina che si apre a 2 livelli.
cosi come è sotto. Vorrei farlo a 3 livelli. come posso modificare?

<SCRIPT TYPE="text/javascript">
function nascondi(nomeliv)
{
//window.open "riservata.asp","centro";
if (document.all[nomeliv].style.display=="none")
{
document.all[nomeliv].style.display="inline";
}
else
{
document.all[nomeliv].style.display="none";
}
}
</SCRIPT>

e questo è il MENU:
<td class="bordo1"><a href="#" mce_href="#" onClick="nascondi('mioLiv2')"><font color="#004080" face="Tahoma" size="-1">UFFICI</font> <img src="Successiva.gif" width="7" height="12" border="0"></a><br>
<DIV ID="mioLiv2" style="position:relative;display:none;">

<img src="/trasp.gif" mce_src="/trasp.gif" width=20 height=1><a href="LINK" target="dettaglio" class="sub"><font color="#0052A4" face="Tahoma" size="-1"><img src="freccia2.gif" border="0">&nbsp;Straordinario</font></a><font size="-2" color="#008040" face="Tahoma"><img src="/trasp.gif" mce_src="/trasp.gif" width=20 height=1> </font> <br>