Los acordeones son uno de esos recursos ya ubicuos en el desarrollo de interfaces web, al igual que los sistemas de pestañas, nos permiten introducir más información en menos espacio sin agobiar a nuestros visitantes.
La mayoría de sitios emplean acordeones asociados a librerías de Javascript como jQuery o Mootools y eso está muy bien cuando nuestro sitio va a emplear algunas de las funciones de estas librerías pero, si sólo queremos introducir un pequeño efecto puntual es como matar moscas a cañonazos.
Por eso me ha encantado este diminuto script de tan sólo 1.3KB que te permitirá disfrutar de unos preciosos acordeones animados sin necesidad de cargar tus webs de ficheros pesados.
Soporta múltiples instancias, usa listas de definición para el marcado y un sistema muy simple de hojas de estilo para la personalización.
Para inicializarlo sólo debemos introducir el siguiente código
var mySlider=new accordion.slider("mySlider");
mySlider.init("slider",0,"open");
Y el script se encargará de tratar con las listas de definición y agregar los eventos necesarios a los encabezados.
Funciona perfectamente en Firefox, Safari, Opera, Internet Explorer y Chrome.
Si te ha gustado este post no olvides suscribirte al feed para estar al tanto de las novedades
¿Qué medidas de seguridad se tienen en cuenta en el momento de implementar una subida de archivos en PHP?
¡Hola!
El componente Auth del framework CakePHP guarda las páginas en la memoria cache de IE7 (o eso es lo que creo haber entendido).
Para que no lo haga, he añadido los campos Ca…
Theresa Neil realizó un extraordinario análisis de 12 diseños estándar de interfases web como parte de su libro Diseñando Interfases Web: Principios y pautas para la interacción
50 herramientas extremadamente útiles para PHP
Tendencias de diseño de botones de ”llamada a la acción”
Consejos para agilizar el desarrollo.
Excelentes formularios de comentarios para inspirarnos.
Ver más noticias de los usuarios