JSFiddle - React, Tailwind, and code Playground

HTML

<div id="accordion" style="overflow:visible;float:right;height:400px;width:500px;border:2px solid red;float:right;">
    <h3>Section 1</h3>
    <div>
        </div>
        <h3>Section 2</h3>
        <div>
          <p>Cras dictum. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia mauris vel est. </p><p>Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. </p>
        </div>
      </div>

JavaScript

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