Javascript 引导折叠隐藏onClick

freedomcore.com/saverplaces.co.uk/NEW/

在上述站点中，单击“获取凭证”按钮下方的“此凭证上的条款与条件”或“更多信息”链接。您将在下面看到一个包含内容的div幻灯片

我希望这样，如果您单击了条款和条件，然后点击此凭证的更多信息，它将隐藏“条款和条件”内容，这样就不会同时显示这两个内容

我的JavaScript不是最好的这是我想到的，但它不起作用：

我有更多信息关于这个凭证链接这个类hide-terms-1然后我有这个jQuery代码：

$(document).ready(function(){
  $(".hide-terms-1").click(function(){
    $("#voucher-terms-1").hide();
  });
});

这似乎可以正常工作，但一旦单击，您就无法再次打开它。

让我们以这种方式尝试：

$(document).ready(function(){
  $(".hide-terms-1").click(function(){
    $("#voucher-terms-1").collapse('hide');
  });
});

让我们这样试一下：

$(document).ready(function(){
  $(".hide-terms-1").click(function(){
    $("#voucher-terms-1").collapse('hide');
  });
});

HTML:

HTML：

---

我觉得这样好多了

$(".navbar").find("[data-toggle=collapse]").click(function(e){

    e.preventDefault();e.stopPropagation();
    $(".navbar").find(".collapse.in").collapse("hide");
    $($(this).attr("data-target")).collapse("show");

});

---

我觉得这样好多了

$(".navbar").find("[data-toggle=collapse]").click(function(e){

    e.preventDefault();e.stopPropagation();
    $(".navbar").find(".collapse.in").collapse("hide");
    $($(this).attr("data-target")).collapse("show");

});

你会认为这对我有效（在文档中），它对我无效。你会认为这对我有效（在文档中），它对我无效。