JSFiddle - React, Tailwind, and code Playground

HTML

<div class="blank">
  <div class="question">Вопрос№1</div>
  <div class="answer">Ответ№1</div>
</div>

<div class="blank">
  <div class="question">Вопрос№2</div>
  <div class="answer">Ответ№2</div>
</div>

<div class="blank">
  <div class="question">Вопрос№3</div>
  <div class="answer">Ответ№3</div>
</div>

CSS

.question, .answer {
  margin: 5px;
  padding: 5px;
  border: 2px solid orange;
  cursor: pointer;
}

.answer {
  display: none;
  border-color: #045acf;
  margin-left: 15px;
}

.blank.active .question {
  background-color: #fff1ba;
}
.blank.active .answer {
  display: block;
}

JavaScript

$(".question").on("click", function() {
  $(".blank").removeClass("active");
  $(this).closest(".blank").addClass("active");
});