JSFiddle - React, Tailwind, and code Playground

HTML

<label class="spoiler">
    <input type="checkbox" style="display:none">
    <div class="title">Title</div>
    <div class="body">Lorem ipsum dolor sit amet consectepture adipisicing elit sed do eiusmod.</div>
</label>

CSS

.spoiler {
    display: block;
    width: 200px;
    border: #ccc solid 1px;
}
.spoiler > .title {
    display: block;
    padding: 4px;
}
.spoiler > .body {
    padding: 4px;
    border-top: #ccc solid 1px;
    display: none;
}
.spoiler > :checked ~ .body {
    display: block;
}