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 

+ Zeiten

2个崩溃Divs：

<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();