JSFiddle - React, Tailwind, and code Playground

by validide

HTML

<div class="question">
    <input type="checkbox" class="qestion-checkbox" id="q1"/>
    <label for="q1" class="qestion-text">Question 1 text</label>
    <label for="q1" class="qestion-answer">Question 1 answer</label>
</div>
<div class="question">
    <input type="checkbox" class="qestion-checkbox" id="q2"/>
    <label for="q2" class="qestion-text">Question 2 text</label>
    <label for="q2" class="qestion-answer">Question 2 answer</label>
</div>

CSS

.qestion-answer, .qestion-checkbox
{
    display: none;
}
.qestion-checkbox:checked + .qestion-text
{
    display:none;
}
.qestion-checkbox:checked + .qestion-text + .qestion-answer
{
    display:block;
}