<details>
<summary>
The quick brown fox ...
<span>[SPOILERS]</span>
</summary>
The quick brown fox <em>jumps over the lazy dog!</em>
</details>
details[open] summary {
display: none;
}
summary::-webkit-details-marker {
display: none;
}
summary {
list-style-type: none;
}
span {
color: red;
cursor: pointer;
}
/* ignore the rest */
body {
background-color: #555;
background-color: white;
border: .5em solid #555;
bottom: 0;
font-family: sans-serif;
font-size: 1.1em;
left: 0;
margin: 0;
padding: 1em;
position: absolute;
right: 0;
top: 0;
}
This Pen doesn't use any external CSS resources.
This Pen doesn't use any external JavaScript resources.