JSFiddle - React, Tailwind, and code Playground

HTML

<div class="title">First Title</div>
<p class="content open">First paragraph. (initially visible)</p>
<div class="title">Second Title</div>
<p class="content">Second paragraph. (initially hidden)</p>

CSS

.content {
  display: none;
}

.content.open {
  display: block;
}

.title {
  cursor: pointer;
}

JavaScript

$(".title").click(function() {
  $(this).next().toggle();
});