8
votes

Puis-je développer / réduire le contenu de jQuery ui accordéon par un autre élément aussi?

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>


0 commentaires

5 Réponses :


5
votes

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 pliable défini sur true .

Vous pouvez transmettre quel autre élément vous souhaitez développer pour développer cet élément en cliquant.


0 commentaires

9
votes

Collapse accordéon onglet:

$('.accordion').each(function (idx, item) {
    if ($(item).accordion("option", "active") === false) {
        $(item).accordion('activate', 0);
    }
});


2 commentaires

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); pour jQuery ui 1.11 . Merci!



5
votes

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();


1 commentaires

Selon "Commentaire" de cet utilisateur : " Activer la méthode 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 " Selon cet utilisateur, je n'ai pas pris le temps de regarder moi-même le problème.



9
votes

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});


1 commentaires

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.



0
votes

Utilisation de bootstrap: xxx

alors vous pouvez vous effondrer à l'aide de: xxx


0 commentaires