JSFiddle - React, Tailwind, and code Playground

HTML

<div class="accordionContainer">
  <div class="singleAccordion">
    <div class="title">ACCORDION #1</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed imperdiet sit amet lectus commodo elementum. Vivamus sit amet dolor et urna porttitor sagittis. Donec vestibulum nunc in orci feugiat dignissim. Ut id sollicitudin ante. Nam a fringilla neque. Maecenas mattis erat ac nisl fringilla, ut condimentum ipsum bibendum. Ut id mi turpis. Vestibulum at nisl nulla. Donec congue tincidunt sapien, id hendrerit elit molestie vitae. In vitae elit id lorem finibus luctus id nec mi. In condimentum tempor blandit. Nullam luctus tortor id nulla volutpat luctus. Sed interdum euismod posuere. Nunc et dictum enim, nec molestie velit. Vivamus at justo euismod, ultricies sem ac, lobortis sem.
</div>
  </div>
  <div class="singleAccordion">
    <div class="title">ACCORDION #1</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed imperdiet sit amet lectus commodo elementum. Vivamus sit amet dolor et urna porttitor sagittis. Donec vestibulum nunc in orci feugiat dignissim. Ut id sollicitudin ante. Nam a fringilla neque. Maecenas mattis erat ac nisl fringilla, ut condimentum ipsum bibendum. Ut id mi turpis. Vestibulum at nisl nulla. Donec congue tincidunt sapien, id hendrerit elit molestie vitae. In vitae elit id lorem finibus luctus id nec mi. In condimentum tempor blandit. Nullam luctus tortor id nulla volutpat luctus. Sed interdum euismod posuere. Nunc et dictum enim, nec molestie velit. Vivamus at justo euismod, ultricies sem ac, lobortis sem.
</div>
  </div>
  <div class="singleAccordion">
    <div class="title">ACCORDION #1</div>
    <div class="content">Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed imperdiet sit amet lectus commodo elementum. Vivamus sit amet dolor et urna porttitor sagittis. Donec vestibulum nunc in orci feugiat dignissim. Ut id sollicitudin ante. Nam a fringilla neque....

CSS

.accordionContainer{
  width: 450px;
  margin: 0 auto;
}
.title{
  background: #ddd;
  padding: 20px;
}
.content{
  overflow: hidden;
  max-height: 0;
  transition: all 1s;
}
.active .content{
  max-height: 500px;
}

JavaScript

$(document).ready(function(){
  $(".singleAccordion").on("click", function(){
    $(this).addClass("active").siblings().removeClass("active");
  });
});