javascript - MaterializeCSS Collapsible onOpen change 标题的图标

Question

我正在尝试更改 toggled collapsible 的图标 我不明白如何根据他们的文档执行此触发器。

$('.collaps_roles_permission').collapsible({
    accordion: true,    
    onOpen: function(el){
        //$('li.roles_icon', this).html('remove');
        console.log(el);
        console.log(el[0]);
    },
    onClose:function(el){
        //switch back icon to normal
    }

});

切换时如何更改可折叠标题？

<div class="collapsible-header">
    <i class="material-icons roles_icon">add</i>
    {{ $r->display_name }}
</div>

Answer 1

在您的 onOpen 函数中，使用 el 找到标题中的图标。

onOpen: function(el) {
    $(el).find('.collapsible-header i').text('remove');
}