+5 Ejemplos de interfaces con menú tipo acordeón con jQuery



jQuery UI - Acordeon

Una excelente opción para mostrar con elegancia y de forma ordenada contenido, es usar un efecto tipo acordeón. Algunos años atrás, realizar una implementación de este tipo requería el uso de tecnologías como Flash. En la actualidad esto es muy sencillo de hacer, tan sólo es cuestión de utilizar alguna biblioteca como por ejemplo jQuery.

Grid Accordion with jQuery

Accordion with jQuery

Grid Accordion with jQuery es un vistoso ejemplo de una pulimentación de efecto acordeón que utiliza jQuery UI.

Es bastante sencilla de implementar y está muy documentado. Hay disponible un demo online y una versión para descargar para la que se requiere para correrla de un servidor web con PHP.

Sitio: css-tricks.com/grid-accordion-with-jquery

UI/API/1.8/Accordion

Acordeon con jQuery UI

UI/API/1.8/Accordion esta la forma más simple de implementar un efecto acordeón en una interfaz web. Éste sencillo ejemplo requiere de jQuery UI Core y opcionalmente para usar animaciones distintas a las que vienen por defecto UI Effects Core.

Sitio: docs.jquery.com/UI/Accordion

Accordion jQuery plugin

jQuery Accordeon plugin

Accordion jQuery plugin permite agregar a una interfaz web un menú tipo acordeón. En la implementación se pueden utilizar listas anidadas (<li>/<df>) o divs anidados.

Sitio: plugins.jquery.com/project/accordion

Yup, Yet another JQuery Accordion Plugin

Simple JQuery Accordion Plugin

Yup, Yet another JQuery Accordion Plugin es otra vistosa opción para implementar un menú tipo acordeón.

Sitio: www.i-marco.nl/weblog/archive/2010/02/27/yup_yet_another_jquery_accordi

Simple Acordion con CSS y jQuery

Acordion con CSS y jQuery

Leer: pixelcoblog.com/simple-acordion-con-css-y-jquery

Otras lecturas:

Related Posts Plugin for WordPress, Blogger...


Desarrollador de software egresado de la Universidad Católica de Argentina, blogger, entusiasta del diseño y trabajador independiente.