materializeCSS可折叠活动更改图标.

你不需要使用javascript

  

      

       expand_lessFirst
   
   

      

       expand_lessSecond
   

  .collapsible li.active i {
  -ms-transform: rotate(180deg); /* IE 9 */
  -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
  transform: rotate(180deg);
}

作为Hakan答案的补充,您可以使用collapsible-header该类来避免更改可折叠类(手风琴内容)中的其他图标.适合我的CSS代码是:

CSS

.collapsible-header.active i {
-ms-transform: rotate(180deg); /* IE 9 */
-webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
transform: rotate(180deg);
}