Bootstrap collapse: 打开一个，隐藏另一个

Question

我有 2 个按钮

<a class="btn btn-primary btn-sm" data-toggle="collapse" id="collapseSpecificationsButton" href="#collapseSpecifications" role="button" aria-expanded="false" aria-controls="collapseSpecifications">+Spezifikationen</a>\r\n

+蔡腾

2 折叠 Divs：

<div class="collapse" id="collapseSpecifications">Content</div>
<div id="collapseTimes" class="collapse">Content</div>

这是我在 head/script 中的 jquery 代码：

$(document).ready(function ($) {
    $("#collapseSpecificationsButton").on("click", function () {
        $("#collapseTimes").collapse('hide');
    });
});

当我按下按钮时没有任何反应，有人可以帮助我吗？我该如何调试？

Answer 1

如果要切换内容：

$(document).ready(function($) {
     $("#collapseSpecificationsButton").on("click", function() {
         $("#collapseTimes").toggle();
      });
 });

如果你只想隐藏它：

$("#collapseTimes").hide();

Bootstrap collapse: 打开一个，隐藏另一个

Bootstrap collapse: Open one, hide other

html

css

jquery

collapse

twitter-bootstrap