On collapsing, a space is introduced

It is only half solved
This problem is still outstanding:
Very good – it fixes that problem but it causes another!
If you look here:
https://www.andrew-leonard.co.uk/wordpress/?page_id=150
If you click on La Palma, twice, it does not quite go back to where it started

So, here’s my thought. Create a separate class for the gazette page and only use the padding and margins to style that one, effectively leaving the page with La Palma alone.

For example: On the gazette page, just above the expander shortcode, input this code: <div class=”gazette-expander”>
Then below the expanders, make sure to add your </div>

Then on your style sheet, replace

.collapseomatic_content {
    margin-top: 20px;
}
.collapseomatic {
    margin-bottom: -30px;
}

with

.gazette-expander .collapseomatic_content {
    margin-top: 20px;
}
.gazette-expander .collapseomatic {
    margin-bottom: -30px;
}

This way, it will only style the collapseomatic class WITHIN the gazette-expander class. This should leave the other pages with your plugin alone.

Let me know if that works!

Yes!
Thank you very much

Issues marked as resolved. Great job everyone.