JSFiddle - React, Tailwind, and code Playground

by uikolas

HTML

<div class="accordionButton">Button 1 Content</div>
<div class="accordionContent">Content 1Long Example</div>

<div class="accordionButton">Button 2 Content</div>
<div class="accordionContent">Content 2Medium Example</div>

<div class="accordionButton">Button 3 Content</div>
<div class="accordionContent">Content 1Short Example</div>

<div class="accordionButton">Button 4 Content</div>
<div class="accordionContent">Content 4</div>

CSS

.accordionContent{
    display:none;
}

JavaScript

$(document).ready(function() {

    $('.accordionButton').click(function() {
        $('.accordionContent').slideUp('normal'); 
        $(this).next().stop().slideToggle('normal');        
    });

    //$(".accordionContent").hide();

});