Easy Accordion es un plugin desarrollado con jQuery para crear de forma muy simple y practica solapas horizontales deslizables con efecto acordeón. Algo que si bien se puede hacer con muchos plugins creo que no tan fácil con este de reciente creación.
Los acordeones realizados con jQuery tienen muchas ventajas, entre ellas la de ser fácilmente leídos por buscadores, al solo ocultar capas visualmente y de forma secuencial el contenido de las mismas será siempre accesible por los robots de los buscadores, el contenido en el código fuente se ve todo y sin problemas.
La implementación de este plugin es muy simple (demostración online):
<div id="your-accordion-container"> <dl> <dt>Title slide</dt> <dd>You can put here any kind of content (divs, text, images, etc.)...</dd> <dt>One more</dt> <dd>You can put here any kind of content (divs, text, images, etc.)...</dd> <dt>Another slide</dt> <dd>You can put here any kind of content (divs, text, images, etc.)...</dd> </dl> </div>
Llamada al plugin:
$('#your-accordion-container').easyAccordion();
Luego tenemos la posibilidad de configurar un poco más este plugin, por ejemplo podemos hacer que el acordeón se inicie solo y cambie a la próxima solapa cada determinados segundos.
Web: Easy Accordion
Plantilla para acordeón deslizante en Photoshop | Kabytes
14 años ago
[…] deberán tener conocimientos de maquetado. Aunque puede ayudarles un poco el artículo sobre acordeón con jQuery que publicó Pablo hace unas […]
Acordeón de imágenes con jQuery | Kabytes
14 años ago
[…] Nota: Si en lugar de necesitar lograr este efecto con imágenes quieren usar divs les recomiendo otro plugin para crear un acordeón con jQuery. […]