Acordeón con jQuery

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.

acordeon jquery

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

Categorizado en: