JSFiddle - React, Tailwind, and code Playground

HTML

<div class="heading">
Heading 1
</div>
<div class="body">
Body 1
</div>
<div class="heading">
Heading 2
</div>
<div class="body">
Body 2
</div>
<div class="heading">
Heading 3 
</div>
<div class="body">
Body 3
</div>

CSS

.body {display:none}
.heading, .body {width: 300px; border: 1px solid black;}

JavaScript

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