jQuery Accordion abierto colapsado

Question

usando jquery v1.3.2 y jQuery UI 1.7.1

Tengo 1 control de pestañas con 3 pestañas. Cada pestaña contiene 1 control de acordeón.

$(document).ready(function() {
$('#acc1').accordion({ collapsible: true, autoHeight: false });     

$('#acc1').accordion({ collapsible: true, autoHeight: false });     

$('#acc1').accordion({ collapsible: true, autoHeight: false });

$('#tabControl').tabs();

});

tabControl no está visible en la carga de la página. Hay un botón que lo abre.

$("#btnShow").bind("click", function() {
$('#tabControl').slideToggle("slow");
});

No puedo encontrar la manera de colapsar todos los controles de acordeón. Cada vez que muestro tabControl, los acordeones tienen el primer elemento siempre expandido.

He intentado esto:

$('#acc1First').css('display', 'none');
$('#acc2First').css('display', 'none');
$('#acc3First').css('display', 'none');

$('#acc1First').slideUp();
$('#acc2First').slideUp();
$('#acc3First').slideUp();

pero a veces produce errores, se debe hacer clic dos veces en el primer elemento para que funcione correctamente, etc.

¿Hay alguna forma de inicializar el control de acordeón con todos los elementos colapsados?

Gracias

Answer 1

Prueba esto

$('#acc1').accordion({ 
    collapsible: true, 
    autoHeight: false, 
    active: false 
});

Answer 2

He creado este:

http: // sarfraznawaz. wordpress.com/2010/03/09/creating-stylish-sliding-menu-with-jquery/