Javascript 我们如何使用Fontawesome类来创建带有图标的手风琴，而不是使用Fontawesome Unicode？

目前，我有一个手风琴，可以展开和收拢：

我想用fontawesome为手风琴创建图标。现在，我正在使用FontDes（f067、\f068）。但是，我想使用Fontawesome类，例如：

我想知道在我的jquery或cshtml中哪里可以添加这些类

<i class="fas fa-plus" /i>
<i class="fas fa-minus" /i>

var coll=document.getElementsByClassName（“手风琴切换”）；
对于（变量i=0；i

。手风琴切换{
背景色：#777；
颜色：白色；
光标：指针；
填充：18px；
宽度：钙（100%-18px）；
边界：无；
文本对齐：左对齐；
大纲：无；
字体大小：15px；
}
.折叠，.手风琴切换：悬停{
背景色：#555；
}
.崩溃{
填充：0 18px；
最大高度：0；
溢出：隐藏；
过渡段：最大高度0.2s放松；
背景色：#f1f1；
}
.集装箱{
最大宽度：100%；
}

开放式可折叠
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

开放式第一节
知识产权是一种权利，是一种精英的权利，是劳动和财富的暂时性权利。但是，在最低限度上，我们需要一个实验室来进行日常工作

你所做的就是FontAwesome在幕后所做的一切。为了实现您想要的功能，您必须将CSS合并到一个文件中，并从您的文件中引用FA类，使用更少或更少的SAS使这变得更容易。否则，您必须在JS中执行此操作。您对使用unicode有什么担心？那么您可能必须按照下面提供的答案选择JS路线。如果你想在纯CSS中使用，那么就坚持你所拥有的，并为你想要使用的FA的特定重量等添加其余的样式。使用unicode的问题是，unicode对于实心和PRO图标是相同的。例如：Solid plus:Regular plus：这两个都有相同的unicode（f067），但我想使用Regular PRO，但我得到的是Solid icon。@Cliff看这里：谢谢@misha给我指出了这一点。我想我已经尝试过修改字体的大小，但是没有用。我会再试一次。我运行了你的代码片段，注意到折叠手风琴时图标不能正确切换。例如，如果我展开accordion 1，然后展开accordion 2，accordion 1将被折叠，但图标仍为负号。啊，好吧。。。。是的，我没有仔细阅读你的代码。。。。我刚刚搜索了折叠的切换点，添加了切换“fa加”“fa减”，但我想从现在起，你可以自己找出其余的。。。。顺便说一句，你不需要重新发明轮子，这里有很多很好的折叠式/手风琴组件解决方案。我认为最受欢迎的是bootstrap：