Jquery 更改可折叠ECS上的图标

我已经阅读了一些Stackoverflow的答案来完成这项工作，但它们似乎都不起作用，也没有给出任何错误来解决这个问题

我试图在图标打开时将其从

添加

更改为

删除

我当前的代码：

<ul class="collapsible z-depth-0">
     <li>
       <div class="collapsible-header"><i class="material-icons">add</i>Feedback (4)</div>
       <div class="collapsible-body"><span>Lorem ipsum dolor sit amet.</span></div>
     </li>
</ul>

---

任何帮助都会很好，我已经尝试了一些，但它们似乎非常特定于特定的情况。

这是一个css唯一的解决方案，似乎有效

您在其中添加了两个图标。可折叠标题，第一个可见，第二个不可见。由于可折叠组件打开时，tha的唯一状态改变，因此li上的“.active”类。您可以将这两个图标作为切换可见性的目标

$（文档）.ready（函数（）{
$（'.collable'）.collable（）；
});
.iconadd{
显示：内联块；
}
.I删除{
显示：无！重要；
}
li.active.可折叠标题.material-icons.iconadd{
显示：无；
}
li.active.可折叠标题.material-icons.iconremove{
显示：内联块！重要；
}



添加
removeFeedback（4）
Lorem ipsum dolor sit amet。


添加
removeFeedback（4）
Lorem ipsum dolor sit amet。

这是一个仅限于css的解决方案，它似乎可以工作

您在其中添加了两个图标。可折叠标题，第一个可见，第二个不可见。由于可折叠组件打开时，tha的唯一状态改变，因此li上的“.active”类。您可以将这两个图标作为切换可见性的目标


$（文档）.ready（函数（）{
$（'.collable'）.collable（）；
});
.iconadd{
显示：内联块；
}
.I删除{
显示：无！重要；
}
li.active.可折叠标题.material-icons.iconadd{
显示：无；
}
li.active.可折叠标题.material-icons.iconremove{
显示：内联块！重要；
}



添加
removeFeedback（4）
Lorem ipsum dolor sit amet。


添加
removeFeedback（4）
Lorem ipsum dolor sit amet。


  $(document).ready(function(){
     $('.collapsible').collapsible();
   });