A super clean way to build a Show/Hide button without using any JavaScript. It uses a built-in HTML tag to handle the clicking, and a quick bit of CSS to automatically swap the button text from "Show" to "Hide" when you open it.

[HTML - Toggle (Show/Hide)]

CFFCS | CarrzSynEdit: | HTML (Hyper Text Markup Language)

<details class="toggle-details">
  <summary></summary>
  <p>This content expands and collapses automatically.</p>
</details>

[CSS - Toggle (Show/Hide)]

CFFCS | CarrzSynEdit: | CSS (Cascading Style Sheets)

/* Text to display when the accordion is closed */
.toggle-details summary::before {
  content: "Show details";
}

/* Text to display when the accordion is open */
.toggle-details[open] summary::before {
  content: "Hide details";
}