JSFiddle - React, Tailwind, and code Playground

HTML

<div class="content">
    <h6 class="accordion-toggle open">header1</h6>
    <div class="accordion-content">header1 Content</div>
    <h6 class="accordion-toggle">header2</h6>
    <div class="accordion-content">header2 Content</div>
    <h6 class="accordion-toggle">header3</h6>
    <div class="accordion-content">header3 Content</div>
</div>

JavaScript

$(document).on("click", ".accordion-toggle", function () {
        if ($(this).attr('class').indexOf('open') == -1)
   $(this).toggleClass("open").next().slideToggle('fast');
        //Hide the other panels
        $(".accordion-toggle").not($(this)).removeClass("open");
        $(".accordion-content").not($(this).next()).slideUp('fast');
    });