jQuery acordeón abierto derrumbó

Question

usando v1.3.2 jQuery y jQuery UI 1.7.1

tengo 1 control de ficha con 3 fichas en ella. 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 encuentro la manera de tener todos los controles de acordeón colapsados. Cada vez que muestro tabControl, los acordeones en él 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 Bugges veces, primero los artículos, deberá hacer clic en 2 veces para que funcione correctamente, etc.

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

Gracias

Answer 1

Prueba este

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

Answer 2

he creado éste:

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