Forum | Appery.io

Not sure why I can't get the background color of my collapsible list to change. I found that this call does change color:

Appery('mcbEquipment').style.backgroundColor='green';

but I get the error:

Uncaught TypeError: Cannot set property 'backgroundColor' of undefined

This call does not change any background color:

Appery('mcbEquipment').css( 'background-color' , 'green');

I placed this line of code in the "expand" event for the collapsible block element mcbEquipment.

And for the code that does change the color, it is only changed when the list is expanded. Once I collapse the block, it goes back to the default color.

Hello! On Collapse event of Collapsible block component add the following code pre$(this).find(".ui-collapsible-heading-toggle").css( 'background' , ''); /pre on Expand event add this code pre$(this).find(".ui-collapsible-heading-toggle").css( 'background' , 'green');/pre