通过javascript实现Bootstrap4崩溃

我有一个引导4页设置可折叠手风琴表。每个都有一个fa加圆圈图标。当用户单击此按钮时，该图标将变为fa减号圆圈图标，在我单击减号圆圈图标或按钮后，该图标肯定不会变为加号圆圈图标。救命啊

<link rel="stylesheet" href="../../assets/css/bs/bootstrap.css">
      <link rel="stylesheet" href="../../assets/css/custom/custom.css">
      <link rel="stylesheet" href="../../assets/css/bs/bootstrap.min.css">
      <link rel="shortcut icon" href="../../assets/img/logo/logoCircle.png" type="image/x-icon">
      <link rel="stylesheet" href="../../assets/css/fontawesome/all.css">
      <link rel="stylesheet" href="../../assets/css/animate/animate.css">
 <script type="text/javascript">
                 toggleCircle = function(e) {
                  if ($(e.children).attr("class").includes('down')) {
                    $(e.children).removeClass("fa-minus-circle");
                    $(e.children).addClass("fa-plus-circle");
                  } else {
                    $(e.children).removeClass("fa-plus-circle");
                    $(e.children).addClass("fa-minus-circle");
                  }

                }
                      </script>
    <div class="container">
     <div class="row">
    <div class="accordion col-12" id="accordionExample">
        <div class="card">
            <div class="card-header bg-light" id="headingOne">
              <h2 class="mb-0">
        <button class="btn  text-dark collapsed" type="button" data-toggle="collapse" data-target="#collapseOne" aria-expanded="false" aria-controls="collapseOne" onclick="toggleCircle(this)" >
          <span class="fa fa-plus-circle"></span>
          &nbsp;&nbsp;
          How do I recover my account? &nbsp;
        </button>
              </h2>
            </div>

            <div id="collapseOne" class="collapse" aria-labelledby="headingOne" data-parent="#accordionExample">
              <div class="card-body">
                <span>Were sorry to hear that! If you can't sign in to your Pandayan EGC Account.<br><br>

                            To reset your password:<br>
                              1. Go to the login page and you see the forgot your password and click that. Enter your email address click proceed.<br>
                              2. Once you click the proceed button go to your gmail account and there's an email. <br>
                              3. After that you create new password and click save changes. <br>  
                 </span>
              </div>
            </div>
          </div>
        </div>
</div>
</div>
<script src="../../assets/js/jquery/jquery-3.3.1.js"></script>
      <script src="../../assets/js/popper/popper.min.js"></script>
      <script src="../../assets/js/bs/bootstrap.min.js"></script>
      <script src="../../assets/js/fontawesome/all.js"></script>
      <script src="../../assets/js/backstretch/backstretch.js"></script>
      <script src="../../assets/js/backstretch/backstretchSettings01.js"></script>
      <script src="../../assets/js/bsn/bootstrap-notify.min.js"></script>
      <script src="../../assets/js/general/loader.js"></script>
      <script src="../../assets/js/general/login.js"></script>
      <script src="../../assets/js/general/forgotpassword.js"></script>
      <script src="../../assets/js/general/accountregister.js"></script>

toggleCircle=函数（e）{
如果（$（e.children）.attr（“类”）包括（'down'））{
$（e.children.removeClass（“fa减号圆”）；
$（e.children.addClass（“fa加圆圈”）；
}否则{
$（e.children.removeClass（“fa加圆圈”）；
$（e.children.addClass（“fa减号圆”）；
}
}
如何恢复我的帐户？
听到这个消息我们很难过！如果您无法登录您的Pandayan EGC帐户。


要重置密码：

1.转到登录页面，你会看到忘记密码的页面，然后单击该页面。输入您的电子邮件地址，然后单击“继续”。

2.一旦你点击继续按钮，进入你的gmail账户，就会有一封电子邮件

3.然后创建新密码并单击保存更改

迫切地想说你根本不需要任何JS！只有一行CSS

.collapsed.fas:之前{
内容：“\f055”/*https://fontawesome.com/cheatsheet */
}

如何恢复我的帐户？
欧，是的

未更改任何内容，请提供帮助@贝托。。。你举过我的例子吗？作品作品我还应该使用什么魔法？它不起作用为什么？我照搬你的例子，没什么变化。@Berto可能是你的角色出了点小错误吧？我该怎么知道：正如你所看到的，D是有效的。您是否已将

放在

中，并将

放在页面的关闭

标记之前，以及CSS放在样式表中。。。我的意思是，我现在问的问题太基本了，因为你的“它对我不起作用”有点太抽象了。