Bootstrap 4 - 切换折叠/仅显示显示答案

【问题标题】：Bootstrap 4 - Toggle Collapse/Show Only ShowsBootstrap 4 - 切换折叠/仅显示显示
【发布时间】：2019-02-07 05:38:57
【问题描述】：

这让我发疯了。

我只是想要一个按钮来显示和隐藏 Bootstrap4 中的 DIV，每当我切换 class="collapse" 时，div 会显示但不会折叠。

在页面加载时，div 被折叠，按钮只能工作一次，并且每当单击按钮时都会在 Chrome 中查看开发人员视图，它会再次从“折叠”切换到 collapse.show？再次单击它，它每次都会填充 collapse.show。

JQuery 在标题中。

<button data-toggle="collapse" data-target="#site- 
details">Collapsible</button>

<div class = "collapse" id="site-details">
<div class="container" id="container-dash1">
    <div class="row">
         <div class="col-lg-10 col-md-4 col-sm-6">
            <div class="card" style="width: 18rem;">
   <div class="card-header">.....etc

感谢任何帮助，这让我发疯了。在多种设备/浏览器上测试。

【问题讨论】：

在button 上设置type="button" 有帮助吗？控制台有错误吗？
不，我已经厌倦了一个按钮和一个链接，行为完全一样。我在这里做错了，这非常令人沮丧！

标签： jquery html bootstrap-4

【解决方案1】：

已解决，页面中有两个Bootstrap/JQuery实例。

使用标题/内容设置，两者都包含 BS/JQ 并且显然他们有一个论点！

【讨论】：

对我来说，打包的 js 中已经有一个引导程序，为什么不赞成这个答案？？？