The Details toggle component is what we used to use for most toggle-able content today.
- It's simple and well understood.
- Because it's CSS-based, there's no flash of unstyled content: what should be invisible is, and vice-versa.
- The class names
Details-content--shown
andDetails-content--hidden
can be confusing. (If you thought that "shown" was shown when the details are "on", you were wrong just like me!)