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

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

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

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

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

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

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

Otras lecturas:

• Animated JavaScript Accordion V2 – Script para implementar un menú tipo acordeón

• Accordion y LightWindows – 2 Scripts para crear páginas con interesantes efectos visuales