JSFiddle - React, Tailwind, and code Playground

by Dmitry Nazarov

HTML

<div>
<a href="#" class="panel-title">Title1</a>
<div class="panel-content">Test1</div>
</div>
<div>


<a href="#" class="panel-title">Title2</a>
<br>
<div class="panel-content">Test2</div>
</div>

<div>
<a href="#" class="panel-title">Title3</a>
<br>
<div class="panel-content">Tes3t</div>
</div>

CSS

.panel-content {
display: none; 
}
.on {
  display: block!important;
}

JavaScript

$('.panel-title').click(function() {
  $(this).next('.panel-content').toggleClass('on');
});