Javascript bascule avec Bootstrap effondrement plugin

J'essaie d'utiliser la fonction de bascule de l'Amorçage de l'effondrement du plugin par programmation.
J'ai réussi à basculer une div lorsque je clique sur le lien en accordéon-tête, mais il ne fonctionne qu'une fois, c'est-à-dire que je ne peut pas cliquer sur nouveau pour cacher la div.

Voici mon code :

<div id="accordion" class="accordion">
    <div class="accordion-group">
        <div class="accordion-heading">
            <a id="program${bean.id}" data-parent="#accordion" 
                   class="accordion-toggle">
            ...
            </a>
        </div>
        <div id="collapse${bean.id}" class="accordion-body collapse">
            <div class="accordion-inner">
            ...
        </div>
    </div>
</div>

Et plus tard dans la JSP :

$.each($('#accordion a.accordion-toggle'), function(i, link){
    $(link).on('click', 
        function(){
            //...
            $('#collapse' + id_of_a_bean).collapse({
                toggle : true,
                parent : '#accordion'
            });
            //...
        }
    )
});

Ai-je raté quelque chose?

OriginalL'auteur tduchateau | 2012-06-26

  1. 21

    Je suppose que ce qui est arrivé à beaucoup de gens.

    Lorsque vous appelez la collapse fonction (pour info ou tout bootstrap fonction), si vous passez un objet, cela signifie que vous initier l'effondrement. Le toggle option que bascule une fois sur l'invocation (doc).

    Vous devez appeler une fois avec les paramètres, puis appel uniquement avec de l'action, comme une chaîne de caractères.

    $.each($('#accordion a.accordion-toggle'), function(i, link){
    var $collapsible = $('#collapse' + id_of_a_bean); //Let's be thorough

    $collapsible.collapse({
        toggle : true, //May not be necessary anymore
        parent : '#accordion'
    });

    $(link).on('click', 
        function(){
            //...
            $collapsible.collapse('toggle'); //Here is the magic trick
            //...
        }
    );
});

    Démo Live : http://jsfiddle.net/Sherbrow/uycBa/

    Juste pour être précis, vous pouvez uniquement appeler une fois le processus init, puisqu'il s'interrompt si vous l'avez déjà fait sur le même élément. C'est pourquoi il n'a travaillé qu'une seule fois.

    En fait, je n'ai raté quelque chose 🙂 Maintenant, il fonctionne, thants beaucoup ! En effet, bascule : le vrai n'est plus utile 😉

    OriginalL'auteur Sherbrow

  2. 2

    Problème similaire, je viens de vérifier si l'élément est visible: 

    $("#myDiv").is(":visible") ? $("#myDiv").collapse('hide') : /*do nothing*/;

    OriginalL'auteur Alex