正在尝试一个+；/-手风琴下拉菜单上的图标更改，但Javascript文件获胜'；我的HTML中似乎没有本地加载。（引导程序4）

绝对100%JS初学者在这里，所以请容忍我。在过去的几天里，我在网上搜寻，没有发现任何有用的东西。我正在使用Bootstrap4，并试图构建一个带有+/-图标的手风琴，在伸缩时会发生变化。我基本上只是想重现这个例子：

我的基本JSFIDLE大部分都能工作，尽管当打开另一个手风琴时它不会折叠手风琴（如果你能帮我的话，还可以加分）。

然而，当我在本地加载HTML文件时，我得到一个“uncaughtreferenceerror:$isnotdefined”错误。我想这就是问题的原因吧？HTML和JS文件都位于同一个文件夹中，因此我的

部分中的脚本标记只显示

$（'.collapse'）.on（'show.bs.collapse'，function（））{
$（this.parent（）.find（“.fa plus”）.removeClass（“fa plus”）.addClass（“fa减号”）；
}).on（'hide.bs.collapse'，function（）{
$（this.parent（）.find（“.fa减号”）.removeClass（“fa减号”）.addClass（“fa加号”）；
});

正文
正文
正文
您需要一个引用jquery的脚本标记：
您需要一个引用jquery的脚本标记：
您提到的示例是使用bootstrap3。尝试将bootstrap3附加到外部资源，或者像这样将它们添加到html的顶部

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>



工作桥

如果您想使用bootstrap4，请参阅您提到的使用bootstrap3的示例。尝试将bootstrap3附加到外部资源，或者像这样将它们添加到html的顶部

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/css/bootstrap.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/twitter-bootstrap/3.3.7/js/bootstrap.js"></script>



工作桥

如果您想使用bootstrap4，请参阅
天哪，这一切都需要吗？非常感谢你为我指明了正确的方向。天哪，这一切都花了吗？非常感谢你为我指明了正确的方向。