JavaScript - despliegue de menu y link en un menú desplegable

hola a todos! tengo un problemilla con un menú desplegable que me bajé de internet. La cuestión es que quiero que al clickar sobre una opción además de desplegarse más opciones, se abra un .html en un iframe que tengo en la misma página. Tengo opciones en las que se despliega el menú solamente y otras que sin desplegar nada te llevan a otra página, pero no que hagan las dos cosas a la vez. He intentado modificar el código pero no ando muy suelta con el javascript. Aqui está el código para ver si me podeis echar un cable. graciass

<script language="JavaScript1.2">
<!--

var head="display:''"
img1=new Image()
img1.src="fold.gif"
img2=new Image()
img2.src="open.gif"
function change(){
if(!document.all)
return
if (event.srcElement.id=="foldheader1") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
else {
if (event.srcElement.id=="foldheader3") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
else {
if (event.srcElement.id=="foldheader4") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
else {
if (event.srcElement.id=="foldheader5") {
var srcIndex = event.srcElement.sourceIndex
var nested = document.all[srcIndex+1]
if (nested.style.display=="none") {
nested.style.display=''
event.srcElement.style.listStyleImage="url(open.gif)"
}
else {
nested.style.display="none"
event.srcElement.style.listStyleImage="url(fold.gif)"
}
}
}
}

}
}

document.onclick=change
//-->

</script>

Y luego tengo también:

<ul>
<li id="foldheader1">OPCION 1</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="web1.html" target="cuerpo"> >> OPCION 1.1</a></li>
<li><a href="web2.html" target="cuerpo"> >> OPCION 1.2</a></li>
</ul>
<li id="foldheader2"><a href="web3.html" target="cuerpo">OPCION 2</a></li>
<li id="foldheader3">OPCION 3</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="web4.html" target="cuerpo"> >> OPCION 3.1</a></li>
<li><a href="web5.html" target="cuerpo"> >> OPCION 3.2</a></li>
</ul>
<li id="foldheader4"><a href="web6.html" target="cuerpo">OPCION 4</a></li>
<li id="foldheader5">OPCION 5</li>
<ul id="foldinglist" style="display:none" style=&{head};>
<li><a href="web7.html" target="cuerpo"> >> OPCION 5.1</a></li>
<li><a href="web8.html" target="cuerpo"> >> OPCION 5.2</a></li>
<li><a href="web9.html" target="cuerpo"> >> OPCION 5.3</a></li>
</ul>

</ul>