Question

我有一个2列页面，HTML5 / Bootstrap，在整个页面高度上拉伸的列。在右栏中，我正在尝试使用可折叠的btn-group - 每次单击按钮时，目标文本都会折叠（这样可以正常工作），如果单击相同的按钮，目标文本会隐藏（也可以正常工作）。

但是，如果我在打开第一个目标文本后单击另一个“折叠按钮”，那么我点击它打开第一个目标文本，让我们称之为#target1 - <div> s show，＃ 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");
});

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

1 个答案: