Hola que tal, buenas noches...
Estoy haciendo un trabajo practico, y quiero hacerle un "menu desplegable" mostrando y ocultando un el <ul> o de cualquier otro forma, acepto sugerencias. Tambien podria mostrar y ocultar un <div> pero deberia ser lo mismo que con <ul>, o me equivoco? Desde ya, gracias
Hasta ahora tengo esto..
Como archivo javascript esto:
function mostrar(bb) {
b=document.getElementById(bb).style.display;
if(b=="block"){
b=document.getElementById(bb).style.display="none" ;
}
else{ b=document.getElementById(bb).style.display="block ";}
}
Esto en el css:
ul { position:absolute;
margin-left:80px;
float:inherit;
background-color:#000000;
width:78px;
height:30px;
border-color:#00FF00;
border-style:double;
font-family: Arial,Helvetica,sans-serif;
border-width: 1px;
display:block;
}
Y asi en el index.html:
<table cellpadding="15px" cellspacing="0" width="100%" class="jo">
<td><a href="Index.html">Inicio</a></td>
<td><button onClick="mostrar('victor')">Imagenes</button></td>
<td><a href="Versiones.html">Versiones</a></td>
<td><a href="Trucos.html">Trucos</a></td>
<td><a href="Noticias.html">Noticias</a></td>
</table>
<ul id="victor">
<li><a href="#">Imagen 1</a></li>
<li><a href="#">Imagen 2</a></li>
<li><a href="#">Imagen 3</a></li>
</ul>
Perdonen se esta muuuuy mal hecho, es que no tengo mucha idea de js todavia