JSFiddle - React, Tailwind, and code Playground

HTML

<div class="questions-answer-block">
    <p class="question">This is a Question?</p>
    <p id="answer">Here is the Answer</p>
</div>
<div class="questions-answer-block">
    <p class="question">This is a Question?</p>
    <p id="answer">Here is the Answerdadawdawdawdawdawdawdawdwadawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawdawd</p>
</div>

CSS

.questions-answer-block {
    text-align: left;
    margin-left: 25px;
}
.question {
    cursor: pointer;
}
#answer {
    display: none;
}
.display {
    display: inline-block;
}

JavaScript

$(".question").click(function() {
    $(this).siblings().toggle();
});