jQuery show.bs.l'effondrement de l'événement pour imbriquée Bootstrap pliable boutons feux sur les boutons de plus que prévu

Je suis en utilisant Bootstrap pour faire pliable divs imbriqués/boutons. Je veux réduire tous les frères et sœurs d'un div, lorsqu'il est étendu et à l'effondrement de tous les enfants d'un div lorsqu'elle est réduite (de sorte que l'expansion de l'divs sont d'un seul chemin d'accès à partir de l'un de la racine de balises div à l'intérieur de la div).

J'ai choisi de le faire avec jQuery et non pas à l'aide de Bootstrap de l'Accordéon - juste les boutons associés à des divs.

J'ai donc essayé de sélectionner tous les divs qui pourrait élargir et d'utiliser le montrer.bs.l'effondrement de l'événement, de sorte que je sais div qui a été élargi.

$(function () {
  $(".collapse").on('show.bs.collapse', function () {
    console.log ($(this).context.id);
  })
});

Si mon arbre est comme suit:

  • 1 - élargi
    • 2 - étendue des
      • 3 - s'est effondré
    • 4 - s'est effondré
  • 5 - s'est effondré
  • 6 - s'est effondré

et je développez 3, je ne comprends pas:

3

mais:

3
2
1

Pourquoi montrer.bs.l'effondrement appliquée pour les divisions 1 et 2?

Vous pouvez arrêter la propagation de l'évènement en appelant event.stopPropagation() à l'intérieur du gestionnaire
Merci pour l'astuce. Je l'ai ajouté, mais je n'arrivais plus à développer quoi que ce soit.

OriginalL'auteur Nested Buttons | 2015-08-18