Categories

“Acordeón”-3

Template-help.com Team noviembre 15, 2010
Rating: 5.0/5. From 2 votes.
Please wait...

Se trata del Script ‘Acordeón’. Lo que llamamos "Acordeón" es un panel desplegable que contiene contenido adicional.

JavaScript
Para que el script funcione, el fichero index-#.html con galería debe contener estas líneas de código HTML:

La sección <head> del fichero index-#.html contiene estas líneas de código que inicializan la funcionalidad de script con los valores básicos:

En primer lugar, mostramos el primer elemento de ‘acordeón’, configurando la clase .active para un elemento de cabecera (etiqueta <dt>) y aplicando el método .show() para un elemento de contenido (etiqueta <dd>):

El resto del código es necesario para que paneles de ‘acordeón’ se animen cuando se hace clic en los títulos de panel (etiqueta <dt>):

HTML
Ahora puede revisar una representación de script HTML:

El ‘acordeón’ está formado por un lista (etiqueta <dl>) con la clase .accordion.
Para agregar otro elemento de ‘acordeón’ sólo tendrá que añadir la siguiente construcción del código HTML:

CSS
Usted puede encontrar stylesheet relacionado con script en el fichero style.css principal.

Esta entrada fue publicada el Acordeón y etiquetada accordion, jQuery. Agregar enlace permanente a marcadores.

Submit a ticket

Si Usted todavía no puede encontrar un tutorial suficiente para arreglar su problema, por favor use el siguiente enlace para enviar un ticket a nuestro equipo de soporte técnico. Nosotros enviaremos nuestra respuesta dentro de próximas 24 horas: Enviar un ticket