Bootstrap 折叠：打开一个，隐藏另一个

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 折叠 div：

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

这是我在头/脚本中的 jquery 代码：

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

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

Answer 1

如果要切换内容：

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

如果你只是想隐藏它：

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