JSFiddle - React, Tailwind, and code Playground

HTML

<div class="topSeparator"></div>
<div class="titleDiv">
    <h1>Title 1</h1>
</div>
<div class="bottomSeparator"></div>                 
<div class="contentDiv"><h2>Content 1</h2></div>

<div class="topSeparator"></div>
<div class="titleDiv">
    <h1>Title 2</h1>
</div>
<div class="bottomSeparator"></div>                 
<div class="contentDiv"><h2>Content 2</h2></div>

CSS

.titleDiv { background:#FAA; cursor:pointer; }
.contentDiv { background:#AFA; }

JavaScript

$('.titleDiv').click(function() {		
		$(this).next('.contentDiv').toggle();
});