Bootstrap Collapse - 多个按钮 - 隐藏不起作用

Question

我有一个 2 列页面，HTML5/Bootstrap，列延伸到整个页面高度。在右栏中，我试图有一个可折叠的 btn 组 - 每次单击按钮时，目标文本都会折叠（这很好），如果我单击同一个按钮，目标文本会隐藏（也很好）。

但是，如果我在打开第一个目标文本后单击另一个“折叠按钮”，而不是单击打开第一个目标文本的那个，我们称之为#target1 - <div>s 显示、#target1 和目标#2。但我希望#target1 隐藏而#target2 显示。

这是我的代码：

    <div id="right" class="col-sm-6 stretch-height" >
      <div id="menurow" class="row">
      <div id="icnavbar" class="col-sm-12 nopadding text-center">
      <div class="btn-group menugroup">
       <button data-toggle="collapse" data-target="#target1" class="btn-link"><img class="icmenu spin img-responsive" src="./img/ic_twitter.png" alt="follow us on twitter"/></button>
       <button data-toggle="collapse" data-target="#target2" class="btn-link"><img class="icmenu spin img-responsive" src="./img/ic_mail.png" alt="contact us"/></button>
     </div><!-- end btn-group menu-->

<div id="target1" class="collapse">
Some content 1
</div>
<div id="target2" class="collapse">
 </div><!-- end contactform div -->
Some content 2
</div>

</div><!-- end menu div-->
</div><!--end menurow-->
    </div><!--end right div-->

Answer 1

迭戈，我不确定，但您可以尝试立即停止传播，如下例所示： https://jsfiddle.net/bdd6xt1b/20/

     $("body").on("click", "#teste", function(e) {
  alert("YOU SHALL NOT PASS!!!!!!!!!!!!");
  e.stopImmediatePropagation();
});

$("body").on("click", "#teste", function() {
  alert("nao executar isto");
});