Fix: Improve render-style 'view' collapse-expand all action behaviour

[henrijeret]

This is my first pull request on a public repo - so apologies if I make mistakes here.

Currently when you use render-style 'view' and click on "Collapse all" or "Expand all" , then only the CSS values are modified. This will cause a tiny glitch when clicking section tag headers.

If you click the section tag headers then the tag's 'expanded' state gets updated. If the state is misaligned with reality, then you have to double click the header in order for it to actually expand or collapse.

The global collapse and expand should update all tag states instead of editing CSS classes directly in DOM and making JS state and DOM not align.