JSFiddle - React, Tailwind, and code Playground

HTML

<div id="accordion">

<h2>Section 1</h2>
  <div>Some content.</div>

<h2>Section 2</h2>
  <div>Some more content.</div>

<h2>Section 3</h2>
  <div>Even more content.</div>

</div>

JavaScript

$(document).ready(function() {

  $("#accordion").accordion({
    collapsible: true,
    heightStyle: "content"
  });

});