- Plantillas Web
- Plantillas E-commerce
- Plantillas de CMS y Blog
- Plantillas Facebook
- Constructor Web
“Acordeón”-3
noviembre 15, 2010
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.