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>
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>