Menú desplegable HTML y CSS (sin Javascript)

Otro que se apunta a Suckerfish. Yo lo estoy utilizando ahora en una maquetación, y tira perfectamente. Aunque personalmente odio los menús desplegables.

Yo uso los suckerfish para todo. Son geniales. ie6 requiere un poquin de javascript, pero el menu es accesible sin js.

Hola te mando un ejemplo que he realizado utilizando dos Script.aculo.us no te preocupes por el tema de la indexación. Si ves el código HTML verás que no hay ningún problema por ello:

La URL:
http://mujer.orange.es/especial/moda_y_belleza/novias2008/

Si pinchas en el menú sobre:
- ¿Qué se lleva este año?
o
- Complementos

Podrás ver el menú desplegable. Te comento ahora como se consigue.

Está página tiene dos librerías:
- http://script.aculo.us/
- http://www.prototypejs.org/

Una está basada en el otra. En el HTML puedes verlo en estas etiquetas:
script src="js/prototype-1.6.0.2.js" type="text/javascript"
script src="js/scriptaculous.js" type="text/javascript"

Estas librerías tienen unas funciones con las que podemos hacer el efecto de subir y bajar. Pues se trata de utilizar estas funciónes:

Effect.SlideDown();
Effect.SlideUp();

En el archivo novias2008.js que es el mío he creado dos funciones para que cuando se pinche se ejecute una u otra, lo único que hacer es pasarle el ID del DIV sobre el que queremos que se ejecute esta función

<code>function menusDesplegables1(ide)
{
//Con este IF Desplegamos y Comprmimos un Submenú pasado por parámetros
if(!desplegado1)
{
Effect.SlideDown(ide);
desplegado1= true;
}
else
{
Effect.SlideUp(ide);
desplegado1= false;
}
}
</code>
Y luego en el código HTML sobre el enlace que quieras puedes disparar la funciónonclick="menusDesplegables1('submenu_quesellevaesteano');"

Un poco liadillo, pero si miras el código de la página es muy sencillito.

mira esto y mira el apartado "Menus" y si buscas algo automatizado mira esto