JSFiddle - React, Tailwind, and code Playground

HTML

<div id="accordion">
    <header class="accordion-toggle">
         <h2>Accordion Title <span id="accordionIcon">▼</span></h2>
    </header>
    <section class="entry accordion-content">
        <p>Accordion Content</p>
    </section>
</div>

JavaScript

jQuery(document).ready(function($) {
    $("#accordion").find(".accordion-toggle").click(function(){
        $(this).next().slideToggle("fast");
        $(".accordion-content").not($(this).next()).slideUp("fast");
        if($(this).find("span#accordionIcon").text()=="▼"){
        	$(this).find("span#accordionIcon").text("▲");
        }
        else{
            $(this).find("span#accordionIcon").text("▼");
        }
    });
});