Javascript 为什么不是'；我的手风琴不能正常工作吗？

我正在用bootstrap4构建一个站点，我有3个

，每个站点包含一个手风琴。每个

都有自己的

id

，这样我就可以显示/隐藏我想要的。我在打开和折叠所有手风琴的某些部分时遇到问题（当我打开一个时，另一个无法关闭。其他部分根本无法打开）

我的密码。（点击“Sobre Paygol”、“Vendedores”和“买办”按钮）

我无法在我的代码中确定错误。唯一奇怪的是，当我打开控制台时，出现以下错误：

popper.min.js.map:1未捕获的语法错误：意外标记“：”

由于我没有JS知识，我不知道这是否会导致问题。我一直使用Bootstrap4，这是我第一次看到这个错误

我的脚本是这样加载的：

<script src="js/popper.min.js"></script>
<script src="js/popper.min.js.map"></script>
<script src="js/jquery.min.js"></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js" 
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy" 
crossorigin="anonymous"></script>

---

请注意，在第二行，我添加了从Github下载的

popper.min.js.map

文件。

根据Chrome中的开发者选项卡，错误似乎出现在

popper.min.js.map

中

因此，从

popper.min.js

中删除以下行。它一直在底部。之后可以删除地图文件

//# sourceMappingURL=popper.min.js.map

---

我认为你的问题与源映射错误无关。您的HTML上有多个错误：

错误的父ID

Extra.hide类，防止可折叠文件显示

具有相同ID的多个元素，例如#手风琴

在第页上，您的HTML中有错误的父ID

你是佩戈尔吗？
Paygol是一家供应商的许可证供应商
在帕戈德地区，人们可以通过各种方式进行交流
我是拉皮达和法希尔。

请看，您的手风琴id是“手风琴问题”，但您的

数据父项=“#accordion”

在第页上，在第一个可折叠项上有一个额外的

.hide

类：

...

这就是为什么即使单击第一个可折叠文件也无法打开它的原因

这在第页上再次发生

---

另外请注意，由于您使用的是单页应用程序，因此不能有多个元素具有相同的ID，例如，

当您将popper.js文件放在底部，或者至少放在jquery和bootstrap js文件下面时会发生什么。没有什么新的，一切都以相同的方式运行。还有其他想法吗？只需使用CDN版本