En este ejemplo las cabeceras de menú son las etiquetas H3, cada sub-menú es una lista UL que se expande o contrae con un click. El estilo se va agregando dinámicamente a la cabecera ampliada y se restaura al contraerse.
Glossy Accordion Menu -->Acá el encabezado es un enlace y los sub-menús son listas dentro de elementos DIV contenedor; el menú se expande o contrae con un click, antes de que un sub-menú se muestre, se ocultará aquel que este desplegado.
<-- Arrow Side Menu
Este otro usa tres imágenes de fondos para un estado diferente cada una, cada opción del menú es un enlace, el comportamiento del menú en general es configurable.
Urban Gray Accordion Menu -->
Aquí las opciones del menú se despliegan al pasar el mouse por encima, tarda 200 milisegundos en desplegarse (por defecto).
<-- Apple style Accordion Menu
Este ultimo es similar a los anteriores, se despliega al pasar el mouse, el retraso es de 200 milisegundos y antes de que se muestre, de contraen las demás opciones del menú. Este menú usa elementos DIV en lugar de listas UL.
- Los comentarios están siendo moderados y serán publicados en la brevedad posible.