Par défaut, il y a des en-têtes de contenu pour contrôler développer / collapsus.Mais dans ma situation, je pourrais développer / réduire le contenu par un autre élément. Par exemple:
La structure de base de JQuery UI Accodion Code: P>
<ul id="another elements can expand/collapse too"> <li><a href=""> expand/collapse contents of section1 of id=accordion too</a></li> ........ </ul>
5 Réponses :
Vous pouvez utiliser .Activer avec FAUX transmis pour réduire les éléments programmés par programme . Puisque vous n'avez jamais un seul élément ouvert à la fois, cela fonctionnera pour s'effondrer à l'élément ouvert montrant ce lien. Cela ne fonctionnera que si vous avez Vous pouvez transmettre quel autre élément vous souhaitez développer pour développer cet élément en cliquant. P> pliable code> défini sur
true code>. P>
Collapse accordéon onglet:
$('.accordion').each(function (idx, item) { if ($(item).accordion("option", "active") === false) { $(item).accordion('activate', 0); } });
Merci. Tu m'as sauvé de violer et j'apprécie grandement votre solution.
Cette pointe a fonctionné pour moi. +1. Je devais juste le changer à ceci: $ ("accordéon"). Accordéon ("option", "actif", faux); code> pour jQuery ui
. Merci! 1.11 code>
J'ai eu du mal à obtenir les accordées pour s'effondrer / se développer après avoir été chargés initialement. Pour contourner cela, j'ai utilisé:
$('#accordionId h3').click();
Selon "Commentaire" de cet utilisateur : " Activer la méthode code> a été obsolète depuis JQuery UI 1.9 et supprimé de 1,10+. Plus d'informations sur elle et une nouvelle syntaxe peuvent être trouvées sur Guide de mise à niveau JQuery Ui 1.9 i>" Selon cet utilisateur, je n'ai pas pris le temps de regarder moi-même le problème.
Après la mise à jour de JQuery UI, il n'y a pas de méthode "active" sur l'accordéon. Donc, pour réduire toutes les accordétions:
$('.accordion').accordion('option', {active: false});
Peut aussi réduire une vitre avec: $ ("accordéon"). Accordéon ('option, {actif: faux}, IDX); - Où 'IDX' est votre numéro de volet, basé sur zéro.
Utilisation de bootstrap: alors vous pouvez vous effondrer à l'aide de: p>