jQuery acordeão aberto colapso

Question

usando v1.3.2 jQuery e jQuery UI 1.7.1

I têm um controlo de separador com 3 abas na mesma. Cada guia contém controlo 1 acordeão.

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

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

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

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

});

tabControl não é visível no carregamento da página. Há botão que a abre.

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

Não consigo encontrar o caminho para ter todos os controles acordeão entrou em colapso. Toda vez que eu mostrar tabControl, acordeões em que ela tem primeiro item sempre expandida.

Eu tentei isso:

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

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

mas Bugges às vezes, primeiro item tem de ser clicado 2 vezes para funcionar corretamente etc.

Existe alguma maneira para inicializar o controle de acordeão com todos os itens em colapso?

Graças

Answer 1

Tente este

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

Answer 2

Eu criei esta:

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