Свернуть бутстрап: открыть одну, скрыть другую

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