jQuery Accordion ouvert réduit
en utilisant jquery v1.3.2 et jQuery UI 1.7.1
J'ai 1 contrôle d'onglet avec 3 onglets. Chaque onglet contient 1 commande 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 toutes les commandes d'accordéon. Chaque fois que j'affiche tabControl, les accordéons qu'il contient ont toujours le premier élément 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 d'accordéon avec tous les éléments réduits?
Merci
Essaye ça
$('#acc1').accordion({
collapsible: true,
autoHeight: false,
active: false
});