jquery - off - one click html

Contraer Acordeón jQuery al hacer clic

Question

Creé un acordeón usando jQuery, que colapsa bien cuando el usuario hace clic en una segunda opción, pero también me gustaría tener la opción de contraer el panel abierto haciendo clic nuevamente en el encabezado, ¿cómo debo hacer esto?

Aquí hay un violín que muestra cómo lo configuré hasta ahora: http://jsfiddle.net/gstubbenhagen/JyFRC/

EDITAR: ejemplos de código reemplazados con el enlace jsFiddle

Answer 1

//Initialize a accordion with the collapsible option specified.
$( ".selector" ).accordion({ collapsible: true });
//Get or set the collapsible option, after init.
//getter
var collapsible = $( ".selector" ).accordion( "option", "collapsible" );
//setter
$( ".selector" ).accordion( "option", "collapsible", true );

Fuente: http://jqueryui.com/demos/accordion/#option-collapsible

encuentra esta demostración: http://jsfiddle.net/2DaR6/

Answer 2

¿Te refieres al efecto como en esta demostración ?

Haga clic en la pestaña seleccionada para alternar su contenido cerrado / abierto. Para habilitar esta funcionalidad, establezca la option plegable en true .

collapsible: true