Efecto acordeón con la función accordion de Jquery ui

Sección 1ª

accordion() es una función a partir de la cual se pueden construir widgets que ofrecen un efecto acordeón o de persiana, en este ejemplo también se interacciona con la función resizable()

Sección 2ª

El método más importante de accordion es heightStyle que puede aceptar "fill" -> la altura es fija, "content" -> la altura del elemento es auto

Sección 3º

Más ejemplos ...

• Default
• Collapse content
• Customize icons
• Fill space
• No auto height
• Open on hoveritem
• Sortable

Ejemplo de la creación de este widget con accordion()

CSS ... Javascript ... HTML ...