Html 如何使用具有相同数据目标的两个按钮的引导折叠，并且如果另一个按钮处于活动状态，则不折叠？_Html_Bootstrap 4

Html 如何使用具有相同数据目标的两个按钮的引导折叠，并且如果另一个按钮处于活动状态，则不折叠？

html bootstrap-4

Html 如何使用具有相同数据目标的两个按钮的引导折叠，并且如果另一个按钮处于活动状态，则不折叠？,html,bootstrap-4,Html,Bootstrap 4,有两个按钮指向同一张卡，可以折叠和显示，效果非常好。然而，我正在寻找一个解决方案，如何不折叠卡，如果它是由另一个按钮显示当卡未隐藏时，两个按钮都可以显示卡当卡由按钮1显示时，单击按钮2可将触发器更改为按钮2，反之亦然，此时按钮2将折叠卡下面是bootstrap为折叠提供的一个示例按钮1 按钮2 动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。Nihil anim keffiyeh helvetica，工艺啤酒工人

有两个按钮指向同一张卡，可以折叠和显示，效果非常好。然而，我正在寻找一个解决方案，如何不折叠卡，如果它是由另一个按钮显示

当卡未隐藏时，两个按钮都可以显示卡
当卡由按钮1显示时，单击按钮2可将触发器更改为按钮2，反之亦然，此时按钮2将折叠卡

下面是bootstrap为折叠提供的一个示例



按钮1
按钮2

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred nesciunt sapiente ea proident。

您刚刚忘记了包含



按钮1
按钮2

动物保护协会的陈词滥调，埃尼姆·埃乌斯莫德的高寿命accusamus terry richardson广告鱿鱼。Nihil anim keffiyeh helvetica，工艺啤酒工人wes anderson cred nesciunt sapiente ea proident。

JS库包含在原始文件中，但不包含在此处的代码段中。这还不够我在这里要做的。你到底想要什么？基本上是一个引导折叠，有两个按钮可以显示和隐藏。默认情况下，卡保持隐藏状态，两个按钮都可以将其打开。但是，当卡被一个按钮打开时，另一个按钮可能不会折叠它。好的。那么为什么不为两个按钮使用不同的id呢

<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.9/umd/popper.min.js" integrity="sha384-ApNbgh9B+Y1QKtv3Rn7W3mgPxhU9K/ScQsAP7hUibX39j7fakFPskvXusvfa0b4Q" crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/js/bootstrap.min.js" integrity="sha384-JZR6Spejh4U02d8jOt6vLEHfe/JQGiRRSQQxSfFWpi1MquVdAyjUar5+76PVCmYl" crossorigin="anonymous"></script>