JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="http://www.egrappler.com/akordeon/css/jquery.akordeon.css">
<script src="http://www.egrappler.com/akordeon/js/jquery.akordeon.js"></script>
<div class="akordeon" id="buttons">
<div class="akordeon-item expanded">
<div class="akordeon-item-head">
<div class="akordeon-item-head-container">
<div class="akordeon-heading">First Panel</div>
</div>
</div>
<div class="akordeon-item-body">
<div class="akordeon-item-content">
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nibh nec sem placerat ornare. Duis venenatis, mi a pretium laoreet, odio justo dapibus tortor, vel suscipit ante dolor vel ante. Ut at eleifend nunc. In velit libero, sagittis non imperdiet sed, malesuada et libero. Phasellus quis accumsan urna. Ut cursus condimentum quam, in eleifend magna tempus a. Curabitur dui ipsum, placerat sed porttitor a, congue quis quam. Suspendisse at dolor massa. Curabitur eget elit dolor, nec vulputate ipsum. Vestibulum sit amet metus id metus ullamcorper facilisis et dignissim est. In lectus eros, scelerisque id accumsan id, bibendum eu dolor. Donec sodales erat ut lectus rhoncus condimentum. Mauris eleifend scelerisque nulla eget egestas.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam non nibh nec sem placerat ornare. Duis venenatis, mi a pretium laoreet, odio justo dapibus tortor, vel suscipit ante dolor vel ante. Ut at eleifend nunc. In velit libero, sagittis non imperdiet sed, malesuada et libero. Phasellus quis accumsan urna. Ut cursus condimentum quam, in eleifend magna tempus a. Curabitur dui ipsum, placerat sed porttitor a, congue quis quam. Suspendisse at dolor massa. Curabitur eget elit dolor, nec vulputate ipsum. Vestibulum sit amet metus id metus ullamcorper facilisis et dignissim est. In lectus eros, scelerisque id accumsan id, bibendum eu dolor. Donec sodales erat ut lectus...
JavaScript
$(document).ready(function () {
$('#buttons').akordeon();
});