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.

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

Demos: http://www.madeincima.eu/samples/jquery/easyAccordion/

Descarga: Easy Accordion plugin full sample here (250KB – zip file)

Via Kbyte

votar

Anuncios
Comments
7 Responses to “Acordeón con jQuery”
  1. Juanjo dice:

    Gracias por tus respuestas
    Cuando lo hagas funcionar espero tus impresiones
    Juan

  2. juantel dice:

    Gracias, ya vi como funcionaba. No me di cuenta que tenias puesto un enlace al sitio donde se publica mas informacion. Ahora la pregunta definitiva
    Para que tipo de informacion se usan este tip de plugin?
    Gracias

    • Emiro Velasquez dice:

      por ejemplo si es un sitio de negocios podria mostrar informacion basica de las funciones de la empresa o las ultimas noticias concernientes con ella si es un blog personal y tienes varias secciones tambien se pueden mostrar de esta forma le da un agregado al sitio

  3. juantel dice:

    Soy nuevo en esto de los blogs y wordpress
    Para que sirve eso de las solapas en acordeosn?
    Podeis indicarme algun blog que las tenga para ver como funcionan?
    Gracias

Trackbacks
Check out what others are saying...
  1. […] Actualizados : Acordeón con jQuery CREAN UN NUEVO TIPO DE PLÁSTICO CAPAZ DE 'REGENERARSE' Presentación de […]

  2. […] Posted by Emiro Velasquez on Noviembre 14, 2010 · Dejar un comentario  Seguramente para dejar esta plantilla funcionando, deberán tener conocimientos de maquetado. Aunque puede ayudarles un poco el artículo sobre acordeón con jQuery […]



Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

  • Mejor calificado

A %d blogueros les gusta esto: