Javascript 如何在活动嵌套手风琴部分上旋转箭头/V形符号/插入符号

我试图旋转嵌套Materialize JS手风琴菜单活动部分上的图标

图标还需要显示活动的嵌套部分

在这里拉小提琴

$（文档）.ready（函数（）{
$（'.collable'）.collable（）；
$（函数（）{
var path=“一些文件夹/some-link4.aspx”；
变量选择器='a[href=“”+path+”]；
变量链接=$（选择器）；
链接。每个（函数（索引）{
var link=$（this.addClass（'deep-orange-text'）；
var parent=link.closest（'ul.collapsable>li'）；
parent.addClass（'active'）；
var祖父母=父母（'ul.collapsable>li'）；
grandparent.addClass（'active'）；
});
//可折叠文件没有刷新。
//只要再次实例化它就可以了。
$（'.collapsable'）.collapsable（）
});
});
正文{
填充：1em；
}
.可折叠收割台{
证明内容：之间的空间；
}
.对{
右边距：0px；
右边填充：0px；
}



扩展更多


WS-M扩展更多







WS-P扩展_更多







WS-S扩展_更多
Lorem ipsum dolor sit amet。




HS扩展_更多
Lorem ipsum dolor sit amet。


扩展更多
Lorem ipsum dolor sit amet。

只需将css放在css下方的css位置


.可折叠页眉>i{
转换：转换0.2秒；
}
.active>可折叠标题>i{
变换：旋转（180度）；
}
请告诉我们您试图解决这个问题的方法。@Burns检查答案非常感谢，真不敢相信事情会这么简单。不知道是怎么漏掉的：（谢谢，@Burns欢迎来到Stack Overflow！如果这个答案解决了您的问题，请务必对其进行投票，并单击复选标记“接受”这有助于访问者找到高质量的答案，回答您问题的人总是很欣赏您的声誉。谢谢！