jQuery Accordion ouvert effondré

Question

utilisant jquery v1.3.2 et jQuery UI 1.7.1

J'ai un contrôle d'onglet avec 3 onglets. Chaque onglet contient 1 contrôle 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 n'arrive pas à trouver le moyen de faire effondrer tous les contrôles accordéon. Chaque fois que je montre tabControl, le premier élément de l'accordéon est toujours développé.

J'ai essayé ceci:

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

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

mais cela bogue parfois, le premier élément doit être cliqué 2 fois pour fonctionner correctement, etc.

Existe-t-il un moyen d'initialiser le contrôle accordéon lorsque tous les éléments sont réduits?

Merci

Answer 1

Essayez ceci

$('#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/