Dear @mrrpringle
this is a nice idea!
Until now you would need to code that with jQuery.
Make a new div which you give a class. For example: button
Then you can give the box which you want to hide and show another class. For example: the-box
In CUSTOM CSS you add this:
.the-box {
display: none;
}
.box-active .the-box {
display: block !important;
}
With jQuery you can make a function which activates the box:
<script>
jQuery(document).on("click", ".clickme", function(event) {
jQuery("body").addClass("box-active");
});
</script>
This quick example demonstrates you how it could work You still need to work on it.
You are looking for something like an accordeon…
Hope I could help!
Best!
Marius