Los accordion html – menús en acordeón consiguen reducir el espacio visual necesario para casos de menús con submenús, además de permitir mostrar la información de una forma mucho más clara y precisa. La ventaja del acordeón es que sabemos dentro de que menú estamos navegando fácilmente. A continuación os indico unos cuantos menús en acordeón verticales u horizontales con css o jQuery interesantes de conocer. Son ejemplos de menús donde podrás ver su demo y ver el código para insertarlo en cualquier página web.
Antes de enseñartelos, puede que te interesen otros artículos muy relacionados con este tema:
Aquí tienes estos accordion html – menús acordeón verticales y horizontales
Making a Fresh Content Accordion
puedes ver una demo online de un menú vertical desplegable, así como descargar los archivos necesarios para insertarlo en tu web. Está desarrollado con jQuery y css.
Bonito menú acordeón vertical en css3 y jQuery
utiliza las mínimas imágenes posibles. Es otra variante en la línea del anterior. Es otro menú desplegable jquery vertical (accordion jquery).
Acordeón con css3
en la página web del autor se puede descargar el código fuente o ver una demo. La demo viene con un ejemplo de un menú acordeón vertical. ¿Quieres aprender a hacer un menú? Aquí verás paso a paso como se inserta el código en tu página web.
Sencillo menú acordeón vertical con javascript
Simple jquery menu lateral desplegable acordeón con un pequeño javascript.
Simple menú acordeón vertical con jQuery
En el link verás que aunque la explicación paso a paso es para hacerla en blogger, el proceso es prácticamente igual que para cualquier web.
Gran menú acordeón horizontal con javascript
con solo 1kb de peso. Ideal para dar estilo a un jquery menu desplegable horizontal.
Menú acordeón horizontal solo con css
creado solo con divs y estilos css, es un accordion css.
¿Cuál es tu favorito?¿Has insertado alguno de ellos en tu página web?
Si te han gustado estos menús acordeón verticales y horizontales no te olvides de compartirlos 🙂
