Howdy! A friend showed me the details tag the other day and now I cannot stop telling others about it.
It's an HTML5 tag so it works in mobile too! See more at The Details disclosure element.
I added some styling to the main parts. Here is the code to try in your Canvas page:
<summary style="background-color: whitesmoke; font-weight: bold; cursor: pointer;">
Some question here? <small>(click to reveal)</small></summary>
<div id="reveal" class="pad-box-mini border-round" style="border: thin solid grey;">
<p>Reveal text goes here</p>
I've already started using it on pages to split up large content blocks including video! I found the old places where the accordion was used and replaced each with its own details block.
Cheers - Shar ⭐