<li>上的引导程序折叠会打开，但不会关闭

Question

因此，我正在开发一个vb.net网站，并且使用“折叠”来切换页面的某些部分。我正在尝试使用<li>列表项内的<a>链接来切换（通过href）另一个<li>列表项。我在<ul>中有多个列表项，但我只剩下2个以简化代码。

现在，我的问题是，在我单击另一个链接之前，切换和折叠工作正常。然后，如果我返回第一个，它将打开，但是当我尝试单击链接以将其折叠时，它将关闭它，然后重新打开它。

Bootstrap.css版本= 3.3.6

Bootstrap.js版本= 4.1.3

这是代码的一部分：

<ul class="ModuleTabButton"  id="<%= ClientID & "_TabBtn"%>">

            <li class="col-md-2 col-xs-0"></li>

            <li a data-toggle="collapse"  href="#Tool_Info <span>Info</span></a></li>

            <li id="Tool_Info">

                <script>

                    function <%= ClientID%>_TInfo() {

                        ABWeb.GestionWS.LoadMagInfo('',function(arg){ $('#<%= InfoDIV.ClientID%>').html(arg)},ShowError);}                         

                </script>

            </li>

            <li class="col-md-2 col-xs-0"></li>

            <li><a data-toggle="collapse"href="#Tool_Photos"><span>Banners</span></a></li>

            <li id="Tool_Photos">

                <AP:BAN ID="MagBan" runat="server" />

                <script>

                    function <%= ClientID%>_TPhotos() {

                        GestionRefreshMagBan('<%= MagBan.ClientID%>', '');

                    } 

                </script>

            </li>  

        </ul>

我真的希望这一点很清楚，以便您可以理解-___-基本上，我单击“信息”，显示和隐藏效果很好。然后，如果您单击横幅，它仍然可以很好地用于横幅，但是如果您返回并单击“信息”，它将显示但不会被隐藏，只要您再次单击它（它会尝试但会以某种方式重新打开一半）。

Answer 1

简单的答案：停止使用崩溃！