html - Bootstrap 崩溃 : Open one, 隐藏其他

Question

我有两个按钮

<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>

这是我在 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();