Javascript 引导式手风琴不适用于里面的桌子

我有三个手风琴。我的手风琴里有一张桌子。作为引导手风琴的行为，一次只能打开一个。从我把它放进页面的时候起，它就没有相应地工作。我花了一整天的时间来寻找解决方案，最后我想把问题放在这里，当我写我的问题标题时，我发现一个建议说datatable有手风琴问题。我立刻评论了我的桌子，现在是手风琴作品。有人知道这件事吗，因为我需要把那张桌子放在我的手风琴里

这是我的html：

<div class="panel-group" id="accordian1">
                        <div class="panel panel-danger">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a role="button" data-toggle="collapse" data-parent="#accordian1" href="#collapseOne">
                                        Cost
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseOne" class="panel-collapse in">
                                <div class="panel-body" style="text-align:justify;">
                                    <p>some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text</p>

                                </div>
                            </div>
                        </div>
                        <div class="panel panel-danger">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordian1" href="#collapseTwo">
                                        some text
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseTwo" class="panel-collapse collapse">
                                <div class="panel-body" style="text-align:justify;">

                                    <p>some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text</p>

                                    <div class="table-responsive">
                                        <table class="table table-bordered table-hover table-striped">
                                            <thead>
                                                <tr>
                                                    <th>some text</th>
                                                    <th style="width: 171px;">some text</th>
                                                    <th>some text</th>
                                                </tr>
                                            </thead>
                                            <tbody>
                                                <tr>
                                                    <td>some text</td>
                                                    <td>some textsome text</td>
                                                    <td>
                                                        <p>some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text</p>
                                                    </td>
                                                </tr>
                                                <tr>
                                                    <td>some text</td>
                                                    <td>some textsome text</td>
                                                    <td>some textsome textsome text</td>
                                                </tr>
                                                <tr>
                                                    <td>some text</td>
                                                    <td>some text</td>
                                                    <td>
                                                        <p>some textsome textsome textsome textsome textsome textsome textsome text</p>
                                                    </td>
                                                </tr>
                                            </tbody>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="panel panel-danger">
                            <div class="panel-heading">
                                <h4 class="panel-title">
                                    <a class="collapsed" role="button" data-toggle="collapse" data-parent="#accordian1" href="#collapseThree">
                                        Job Prospect
                                    </a>
                                </h4>
                            </div>
                            <div id="collapseThree" class="panel-collapse collapse">
                                <div class="panel-body" style="text-align:justify;">
                                    <p>some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text</p>
                                    <p>some textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome textsome text.</p>

                                    <b>some text bbbbb</b><br />
                                    <p>some textsome textsome textsome textsome textsome text.</p>
                                </div>
                            </div>
                        </div>
                    </div>

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

一些文本
一些文本
一些文本
一些文本
一些文本一些文本
一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

一些文本
一些文本一些文本
一些文本一些文本一些文本
一些文本
一些文本
一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本一些文本

一些文本bbbbb

一些文本一些文本一些文本一些文本一些文本一些文本

您的代码对我来说非常有效。你可以试试

通过为此创建单独的文件（包含所有引导库链接）进行测试

通过在Mozilla Firefox中安装Firebug，检查脚本中是否存在任何Javascript错误

---

---

你的桌子在手风琴中非常好用！确保jquery和bootstap脚本已正确加载

在中适用于我。您的代码适用于我。检查jQuery和引导js文件的链接。另外，检查是否有错误，如果有。是的，它现在正在工作，但我仍然不知道是什么故障，因为我正在使用最新的jquery和引导文件。无论如何，谢谢您的时间，伙计们。：）我也认为这个问题不适合投票