Código HTML:
<script type="text/javascript">
function mostrar(name1,name2)
{
obj = document.getElementById(name2);
obj.style.display = (obj.style.display=='none') ? 'block' : 'none';
document.getElementById(name1).innerHTML = (obj.style.display=='none') ? 'Ocultar' : 'Mostrar';
}
</script> El codigo lo saque de otro post y me puse a probar como generico.
No se que hay que hacer para que me muestre.
El <div> es el siguiente,
Código HTML:
<div id="menu">
<img src="Menu.png" usemap="#menu" class="chromestyle" id="chromemenu">
<map name="menu">
<area id="Area1" onclick = "mostrar(Area1,dropmenu1); return false" shape="rect" coords="50,50,120,80" alt="Nosotros" target="frame" />
<!--1st drop down menu -->
<div id="dropmenu1" style="display:none">
<ul><li><a href="mision.htm">Misiòn</a></li>
<li><a href="vision.htm">Visiòn</a></li></ul>
</div>
<area id="Area2" onclick = "mostrar(Area2,dropmenu2); return false" shape="rect" coords="130,50,220,80" alt="Servicios" target="frame" />
<!--2nd drop down menu -->
<div id="dropmenu2" style="display:none">
<a href="#">CNN</a>
<a href="#">MSNBC</a>
<a href="#">BBC News</a>
</div>
<area id="Area3" onclick = "mostrar(Area3,dropmenu3); return false" shape="rect" coords="230,50,280,80" alt="Clientes" target="frame" />
<!--3rd drop down menu -->
<div id="dropmenu3" style="display:none">
<a href="#">Google</a>
<a href="#">Yahoo</a>
<a href="#">MSN</a>
</div>
<area id="dropmenu4" shape="rect" coords="290,50,370,80" alt="Productos" target="frame" />
<!--<area shape="rect" coords="400,50,490,80" href="NoInfo.html" alt="Servicios" target="frame"/>
<area shape="rect" coords="490,50,550,80" href="NoInfo.html" alt="Servicios" target="frame"/>
<area shape="rect" coords="580,50,620,80" href="NoInfo.html" alt="Servicios" target="frame"/>-->
<area id="dropmenu5" shape="rect" coords="640,50,710,80" alt="Contacto" href="contacto.php" />
</map></div>