jQuery UI Library Uso básico de acordeón


Ejemplo

Para usar un acordeón, uno debe tener encabezados y contenido dentro de los encabezados en su HTML. Entonces uno debe instanciar el método del accordion() de jQuery UI.

<script>
$(function() {
    $( "#accordion" ).accordion();
});
</script>

En el HTML:

<div id="accordion">
    <h3>First header</h3>
        <div>First content panel</div>
    <h3>Second header</h3>
        <div>Second content panel</div>
</div>

introduzca la descripción de la imagen aquí