me parece que quieres este escript:
Código HTML:
<html>
<head>
<script type="text/javascript">
function SwitchMenu(obj){
var openImg = new Image();
openImg.src = "files/images/iconos/HS-S0.gif";
var closedImg = new Image();
closedImg.src = "files/images/iconos/HS-S1.gif";
if(document.getElementById){
var el = document.getElementById(obj);
var objImg = document.getElementById(obj+'img');
var ar = document.getElementById("masterdiv").getElementsByTagName("span");
if(el.style.display != "block"){
for (var i=0; i<ar.length; i++){
if (ar[i].className=="submenu")
ar[i].style.display = "none";
var ar2 = document.getElementById('sub'+(i+1)+'img')
ar2.src = closedImg.src;
}
for (var i=1; i<ar.length+1; i++){
}
el.style.display = "block";
objImg.src = openImg.src;
}else{
el.style.display = "none";
objImg.src = closedImg.src;
}
}
}
</script>
</head>
<body>
<div style="height: 225px;" id="masterdiv">
<div onClick="SwitchMenu('sub1')"><img id="sub1img" src="S1.gif" align="middle" border="0">Acceso Alumnos</div>
<span style="display: block;" class="submenu" id="sub1">
<li><a href="#">Date de alta</a></li>
<li><a href="#">Accede a tu cuenta</a></li>
</span>
<div onClick="SwitchMenu('sub2')"><img src="S1.gif" border="0" align="middle" id="sub2img">Acceso Centros</div>
<span style="display: none;" class="submenu" id="sub2">
<li><a href="#">Dé de alta su centro</a></li>
<li><a href="#">Acceda a su cuenta</a></li>
</span>
<div onClick="SwitchMenu('sub3')"><img id="sub3img" src="S1.gif" align="middle" border="0">Quienes somos</div>
<span style="display: none;" class="submenu" id="sub3">
<li><a href="#">Nuestra empresa</a></li>
<li><a href="#">Contacte con nosotros</a></li>
</span>
<div onClick="SwitchMenu('sub4')"><img id="sub4img" src="S1.gif" align="middle" border="0">Nuestros servicios</div>
<span style="display: none;" class="submenu" id="sub4">
<li><a href="#">¡Publicite sus cursos !</a></li>
<li><a href="#">Formación Cooperativa</a></li>
<li><a href="#">Alquiler de Aula Virtual</a></li>
<li><a href="#">Novedades y artículos</a></li>
<li><a href="#" target="_blank">Ofertas de Trabajo</a></li>
</span>
</div>
</body>
</html> la encontré por otro lado no recuerdo el site, pero lo tenia en mis archivos, espero que te sirva.
hasta pronto.