jQuery accordéon ouvert effondré

Question

utilisant v1.3.2 jQuery et jQuery UI 1.7.1

I have 1 contrôle onglet avec 3 languettes en elle. Chaque onglet contient 1 contrôle d'accordéon.

$(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'est pas visible au chargement de la page. Il y a un bouton qui l'ouvre.

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

Je ne trouve pas le moyen de réduire tous les contrôles d'accordéon. Chaque fois que je montre tabControl, les accordéons ont toujours le premier élément développé.

J'ai essayé:

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

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

mais il Bugges parfois, premier élément ont à cliquer 2 fois pour fonctionner correctement, etc.

Est-il possible d'initialiser le contrôle d'accordéon avec tous les éléments effondrés ?

Merci

Answer 1

Essayez cette

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

Answer 2

J'ai créé celui-ci:

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