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