Javascript Bootstrap 4 toogle未隐藏下一个div

我有两个div，需要在显示另一个div时隐藏其中一个div

我的引导代码如下

然而，在我的例子中，每个div都在显示，我的代码没有按预期工作

请帮忙

切换条
默认情况下，此div（Foo）是隐藏的
默认情况下会显示该div（Bar）并可以切换

在按钮上添加jquery单击隐藏

.collapse

div，如下所示：

$（'.btn toggle'）。单击（函数（）{
$（'.collapse.show'）.removeClass（'show'）；
});

切换条
默认情况下，此div（Foo）是隐藏的
默认情况下会显示该div（Bar）并可以切换
您需要遵循的逻辑，考虑
数据父级和一个额外的容器



切换条
默认情况下，此div（Foo）是隐藏的
默认情况下会显示该div（Bar）并可以切换
引导折叠将简单地显示或隐藏特定的相关信息。根据您的要求，您必须选择正确的引导组件，并根据您的显示目的应用样式。在您的情况下，您需要使用引导手风琴



按钮1
按钮2
按钮3
按钮一信息将显示在这里。
按钮二信息将显示在这里。
按钮三信息将显示在这里。。
在这种情况下，切换相同的元素将不再有效。