Personalizar el Spry Accordion en Dreamweaver CS3 | Vídeotutorial

Los spry integrados en Dreamweaver CS3 permiten utilizar Ajax sin necesidad de saber demasiado de programación. En concreto os dejo un vídeotutorial del spry Accordion y un par de sugerencias por si queréis personalizarlo.

Hacer que todos los paneles se muestren cerrados al inicio y hacer que sean autoexpandibles:

Por defecto el primer panel se va a mostrar abierto, para cambiar esto cambiamos en la línea 37 del archivo SpryAccordion.js el 0 por -1, quedará:

this.defaultPanel = -1;

Además para que la altura no sea fija y no nos salga el feo scroll si el contenido es demasiado largo cambiamos la línea 52 de true a false:

this.useFixedPanelHeights = false;

No english title - video powered by Metacafe