Toggle HTML

I am so excited to learn about this HTML tag for hiding and revealing text: there are so many ways I can use this. And apparently it is supported on over 90% of browsers worldwide, so this is perfectly good HTML to use. I haven't quite figured out what setting that determines whether or not you see an up/down arrow displayed with the <summary> tag, so that's something to investigate. I don't see it here in the published blog post, but it still works fine.

I changed the template, and now I see the arrow!

Some references to investigate: <details> HTML tag and <summary> HTML tag.

<strong>Prompt</strong><details>

  <summary><em>click to see the answer</em></summary>

  <p>THE ANSWER</p>

</details>

And here it is in action:

---

Prompt

click to see the answer

THE ANSWER

---