<div class="joke">Someone stole my Microsoft Office and they're going to pay.

  <details>
    <summary>Yeah?</summary>
    You have my Word.
  </details>
</div>

<div class="joke">I told my wife she was drawing her eyebrows too high.

  <details>
    <summary>Yeah?</summary>
    She looked surprised.
  </details>
</div>

<div class="joke">Parallel lines have so much in common.

  <details>
    <summary>Yeah?</summary>
    It's a shame they'll never meet.
  </details>
</div>

<div class="joke">What was Rosebud in Citizen Kane?

  <details>
    <summary>Reveal Spoiler</summary>
    A sled.
  </details>
</div>
details[open] summary {
  display: none;
}



























.joke {
  font-family: Lora, serif;
  margin: 0 0 1rem 0;
}
body {
  margin: 2rem;
}
details {
  font-weight: bold;
}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.

Packages

This Pen doesn't use any packages.