Question

我花了5个小时试图找到问题而我却做不到。当我点击h5链接时，它会按预期展开，显示＆lt; ul＆gt;与其＆lt; li>项目，但是当我再次点击它时，它不会折叠回来。我在Safari，Firefox和Chrome中测试过，同样的问题/没有区别。我一遍又一遍地检查代码，我没有看到问题。我在StackOverflow上发现了一些jquery修复程序，但仍然存在问题。我不知道还有什么可以尝试的。任何机构都有任何可能出错的想法吗？

我正在使用： https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js 和http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js

此外，所有非引导类都是纯视觉的（颜色，背景，渐变，字体）。

<div class="footer-content container text-center">
    <div class="row hideMe2">
        <div class="panel-group" id="collapse11">
            <div class="panel panel-default">
                <div class="panel-heading">
                    <h5 class="panel-title">
                        <a data-toggle="collapse" data-parent="collapse" href="#collapse1">LEARN</a>
                    </h5>
                </div>
                <div id="collapse1" class="panel-collapse collapse">
                    <ul class="list-group">
                        <li><a href="#">Link</a></li>
                        <li><a href="#">Link1</a></li>
                        <li><a href="#">Link2</a></li>
                        <li><a href="#">Link3</a></li>
                    </ul>
                </div>
                <div class="panel-heading">
                    <h5 class="panel-title">
                        <a data-toggle="collapse" href="#collapse2">ACCOUNT</a>
                    </h5>
                </div>
                <div id="collapse2" class="panel-collapse collapse">
                    <ul class="list-group">
                        <li><a href="#">Random1</a></li>
                        <li><a href="#">Random2</a></li>
                    </ul>
                </div>
                <div class="panel-heading">
                    <h5 class="panel-title">
                        <a data-toggle="collapse" href="#collapse3">CONNECT</a>
                    </h5>
                </div>
                <div id="collapse3" class="panel-collapse collapse">
                    <ul class="list-group">
                        <li>FACEBOOK</li>
                        <li>TWITTER</li>
                    </ul>
                </div>
                <div class="panel-heading">
                    <h5 class="panel-title">
                        <a data-toggle="collapse" href="#collapse4">ANIMALS</a>
                    </h5>
                </div>
                <div id="collapse4" class="panel-collapse collapse">
                    <ul class="list-group">
                        <li><a href="#">111</a></li>
                        <li><a href="#">222</a></li>
                        <li><a href="#">333</a></li>
                        <li><a href="#">444</a></li>
                    </ul>
                </div>
            </div>
        </div>
    </div>
</div>

Answer 1

我在plunker中重现了你的问题，

<http://plnkr.co/edit/ZerTE4CyiLefpbypPIBn>

设置了plunker bootstrap和你的示例工作。尝试为脚本包含新的cdn或下载并将其导入文件中，我认为这是解决您的问题的方法。

面板没有切换回来 - Bootstrap

1 个答案: