Funcionamiento básico

Para crear elementos desplegables básicos, tan solo hemos de:

• Cargar el script extendable.js
• Colocar un elemento sobre el que hacer clic, que normalmente será un enlace o imagen, con la clase clase extendable y con el atributo perosnalizado data-element que contenga el identificador único (id) del elemento al que lo queremos vincular (el que se abre o cierra).
• Crear el elemento que se abre o cierra, que normalmente será una sección, artículo, div... y tendrá el identificador indicado en el atributo data-element del elemento del punto anterior.

Si el elemento que se abre y cierra debe estar inicialmente cerrado, le añadiremos también la clase hidden.