Bootstrap折叠面板在打开后没有关闭答案

【问题标题】：Bootstrap collapse panel is not closing after being openedBootstrap折叠面板在打开后没有关闭
【发布时间】：2018-06-12 19:42:16
【问题描述】：

希望你一切都好。我有一个引导折叠面板。我面临的问题是折叠，单击时打开但不关闭。代码如下。

<div class="row">
    <div class="col-lg-12 ">
        <div class="box box-primary">
            <div class="box-header with-border">
                <h3 class="box-title">
                    <asp:Literal runat="server" Text="<%$ Resources:lblPageHeader %>" /></h3>
            </div>
            <div class="panel-group">
                <div class="panel panel-default">

                        <h4 class="panel-title">
                            <button type="button" class="btn btn-info" data-toggle="collapse" data-target="#demo" aria-hidden="True">Filter</button>

                        </h4>

                    <div id="demo" class="collapse">
                        <div class="panel-body">

以下是应在折叠后显示的字段，然后关闭 div。

在这方面的任何帮助，将不胜感激。在此先感谢。

【问题讨论】：

我添加了缺少的 div 并且似乎可以正常工作。 bootply.com/DfXScZdjEE
使用 collapse.js 并需要转换插件。 getbootstrap.com/docs/3.3/javascript/#collapse
这个问题通常是由于javascript冲突引起的。我从当前页面中删除了插件，因为这两个执行相同的功能在母版页中。
感谢这篇文章，我查看了 2 次 jQuery 调用。救生员。我原以为要花很多时间来追踪这个问题。谢谢你，是时候喝杯咖啡了！ Shukraan habibi（如果那不是太种族主义者:-)）

标签： jquery asp.net twitter-bootstrap-3 collapse

【解决方案1】：

您应该更改 index.html 中脚本的顺序并让他们喜欢这个订单

script src="js/bootstrap.min.js"></script>
<script src="js/jquery.min.js"></script>
<script src="js/popper.min.js"></script>

【讨论】：