JSFiddle - React, Tailwind, and code Playground

HTML

<label for="checker">Toggle</label>
<input type="checkbox" id="checker" />
<div>
    <p>Content here</p>
    <p>Some more text</p>
</div>

CSS

input[type="checkbox"] {
    display: none;
}
input + div {
    display: none;
}
input:checked + div {
    display: block;
}
div {
    outline: solid green 1px;
}