jQuery Accordion ouvert effondré
-
03-07-2019 - |
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
La solution
Essayez ceci
$('#acc1').accordion({
collapsible: true,
autoHeight: false,
active: false
});
Autres conseils
Licencié sous: CC-BY-SA avec attribution
Non affilié à StackOverflow