JSFiddle - React, Tailwind, and code Playground

HTML

<div id="myContent">
<h2>Header 1</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id leo dolor. Nulla bibendum volutpat odio. Curabitur libero dolor, vulputate quis accumsan ac</p>

<h2>Header 2</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse id leo dolor. Nulla bibendum volutpat odio. Curabitur libero dolor, vulputate quis accumsan ac</p>

JavaScript

$(document).ready(function(){
    $('p').hide();
    
    $('h2').click(function() {
       
        if($(this).hasClass('active'))
        {
           $(this).removeClass('active');
           $(this).next('p').slideUp(600); 
        } else {          
           $('#myContent .active').removeClass('active').next().slideUp(600);
           $(this).addClass('active');
           $(this).next('p').slideDown(600);
        } 
        
    });
});