Javascript 如果显示另一个折叠的图元，如何隐藏该图元

我有3个按钮，点击后会折叠并显示一个表单。我想要的是，如果一个已经折叠，那么如果单击另一个，我希望它再次隐藏

我的小提琴：

这是我的js代码：

$(document).ready(function(){

    //See which panel has been clicked
    $("#citizen").click(function(){
        $(this).data('clicked', true);
    });
    $("#organisation").click(function(){
        $(this).data('clicked', true);
    });
    $("#anonymous").click(function(){
        $(this).data('clicked', true);
    });

    //Hide the other panels if one is clicked
    if($("#citizen").data('clicked')){
        $("#organisation").collapse("hide");
        $("#anonymous").collapse("hide");
    }
    if($("#organisation").data('clicked')){
        $("#citizen").collapse("hide");
        $("#anonymous").collapse("hide");
    }
    if($("#anonymous").data('clicked')){
        $("#organisation").collapse("hide");
        $("#citizen").collapse("hide");
    }    

});

---

由于clicking元素具有通用的类名和结构，因此我们不必单独附加事件

$(".btn.btn-primary").click(function() {
  var next = $(this).next();
  $(".collapse").not(next).slideUp();
  next.slideToggle();
});

---

next（）

方法将在当前元素之后返回元素。

由于单击元素具有公共类名和结构，因此我们不必单独附加事件

$(".btn.btn-primary").click(function() {
  var next = $(this).next();
  $(".collapse").not(next).slideUp();
  next.slideToggle();
});

---

next（）

方法将在当前元素之后返回元素。

只需如下操作：

$(".btn").click(function(){
    $('.collapse.in').collapse('hide');
});

---

你可以像这样做：

$(".btn").click(function(){
    $('.collapse.in').collapse('hide');
});

---

只需使用变量来保存当前状态，这样您就可以随时知道以前是否折叠过某些内容。只需使用变量来保存当前状态，这样您就可以随时知道以前是否折叠过某些内容。这似乎是可行的。“但我真的不明白你在这里干什么。”费利克斯·罗森现在检查一下。这似乎奏效了。“但是我真的不明白你在这里干什么。”费利克斯·罗森现在检查一下。这很有用。一个图元在另一个图元隐藏时折叠。这正是我想要的。我们到底在这里做什么：

$（'.collapse.in'）

？？@FelixRosén（in）它是一个在打开折叠div时添加的类，以将其标识为已打开。折叠的div有（.collapse）类，打开的div有（.collapse.in），这样我们在打开current之前强制折叠所有打开的div。这很有用。一个图元在另一个图元隐藏时折叠。这正是我想要的。我们到底在这里做什么：

$（'.collapse.in'）

？？@FelixRosén（in）它是一个在打开折叠div时添加的类，以将其标识为已打开。折叠的div有（.collapse）类，打开的div有（.collapse.in），这样我们就可以在打开current之前强制折叠所有打开的div。