JSFiddle - React, Tailwind, and code Playground

HTML

<div class="accordion">
        <div class="something">
            <a class="" >Accordion Pane 1</a>
        </div>
        <div class="accordion-body collapse">
            <div class="accordion-inner"> content </div>
        </div>
    </div>

CSS

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height .35s ease;
-moz-transition: height .35s ease;
-o-transition: height .35s ease;
transition: height .35s ease;
}
.collapse.in {
height: auto;
}

JavaScript

$('.something').click(function(event){
		event.preventDefault();
		$(this).next('.accordion-body').toggleClass('in');

	})