[SOLUCIONADO] botones desplegables

[lenit]

hola estoy haciendo una pagina web y he visto un diseño de botones que al pasar por encima se despliega una lista de opciones como en esta pagina http://www.musicstore.com/es_ES/ESP/

¿como se podria hacer? gracias de antemano

[IsaBelM]

mejor hazlo con css. pide que te muevan el post a ese foro

[lenit]

pero he visto que se hace con javascript y es como mas completo, se que se coge el evento del boton al pasar el raton por encima y se define la funcion, pero lo que no se hacer es para que aparezca el div debajo de ese boton

[IsaBelM]

gran parte de la solución está en la estructura html. hay distintas maneras de hacerlo. trabajando con listas. las opciones de la lista, pueden contener otra lista

<ol>
<li>opt1
<ol>
<li>contenido opt1</li>
</ol>
</li>
</ol>

o con lista y elementos de bloques (div, p, etc) o elementos en línea (span)

<ol>
<li>opt1
<span>contenido opt1</span>
</li>
</ol>

con css se oculta/muestran el contenido de las secciones o se ocultan con css y se muestran y se vuelven a ocultar con javascript

todo esto es a grandes rasgos

[lenit]

ya lo he solucionado asi era


he utilizado este codigo para el html:
<input type="button" name="entrar" id="entrar" value="entrar"/>
<div id="login">...</div>

y este para el js
$(document).ready(inicio);
function inicio(){
$("#login").hide();
$("#entrar").toggle(function(){
$("#login").show();
}, function(){
$("#login").hide();
});



}