JSFiddle - React, Tailwind, and code Playground
HTML
<p><a href="#" class="new-answer">New answer</a></p>
<div class="answer-box">
</div>
<p><a href="#" class="new-answer">New answer</a></p>
<div class="answer-box">
</div>
<p><a href="#" class="new-answer">New answer</a></p>
<div class="answer-box">
</div>
CSS
.answer-box {
width: 300px;
height: 50px;
background-color: tomato;
}
JavaScript
$(document).ready(function() {
$('.answer-box').hide();
$('a.new-answer').click(function() {
$('.answer-box').toggle();
});
});