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 {
    height: 0;
    position: relative;
    overflow: hidden;
    -webkit-transition: height 1.35s ease;
    -moz-transition: height 1.35s ease;
    -o-transition: height 1.35s ease;
    transition: height 1.35s ease;
    background-color: #cecece;
}
.collapse.in {
    height: 200px;
}

JavaScript

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

})