I don't know shite about:

Hide and Reveal with pure HTML

Use <Details> + <Summary> to structure and hide your content

I truly appreciate using toggles in Notion. They are a great way to structure a file by hiding information you don't need to see immediately. Like I did in my post about "Debugging by talking to yourself".

But I sometimes forget this feature is built into HTML through the <details> and <summary> tag. And it's not exclusive to HTML. Markdown editors like the GitHub markdown editor even support it. So your next Pull Request can contain some hidden gifs 🥸

<details>
    <summary>Some huge ass content</summary>
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
    Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
</details>

Here you can see it in action.

Some unwieldy content that is waaaay too big to display it all at once...

Nesting is possible too!

Keep on nesting!

Nest it like its hot!

MORE!

I'm proud of you

It may not look sexy, but if you need to hide some content to increase the readability of a file, it's a great choice.