Would it be ok to move the checkbox .collapse-open in front of .collapse-btn? By doing this it is possible to style .collapse-btn based on the open/closed state. For example background color, font weight or an icon as in the following example:
https://jsfiddle.net/mrgiao/2xfuwaLq/