JSFiddle - React, Tailwind, and code Playground

HTML

<div class="accordion"><b>Heading 1</b>
    <div class="panel">
        <p class="text-light">Text 1</p>
    </div>
    </div>
<div class="accordion"><b>Heading 2</b>
    <div class="panel">
        <p class="text-light">Text 2</p>
    </div>
    </div>

CSS

.panel
{
  display:none;
}

JavaScript

$('.accordion').click(function() {
$(this).find('.panel').show();
$(this).find('.panel').hide();
});