+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.

3 Respuestas a “+5 Ejemplos de interfaces con menú tipo acordeón con jQuery”

  1. hall85

    nov 18. 2010

    como le hago para el ejemplo Grid Accordion with jQuery corra tambien con internet explorer 8 ya que viene para mozilla. Diganme selo agradecer muchisimo.

    saludos.

Trackbacks/Pingbacks

  1. Zaccordion – Slideshow con efecto acordeón desarrollado con jQuery | Pixelco blog - 24/01/2011

    [...] igual que el efecto Ligthbox, los slides de imágenes con efecto acordeón, son unos de los desarrollos con jQuery más difundidos…. Como Zaccordion, otra solución para implementar un slideshow con efecto acordeón desarrollado [...]

  2. Tweets that mention +5 Ejemplos de interfaces con menú tipo acordeón con jQuery | Pixelco Blog -- Topsy.com - 22/06/2010

    [...] This post was mentioned on Twitter by Pixelco – Diego and Pixelco – Diego, Pixelco Blog. Pixelco Blog said: +5 Ejemplos de interfaces con menú tipo acordeón con jQuery: Una excelente opción para mostrar con elegancia y de … http://bit.ly/cL63HC [...]

Comentario