JSFiddle - React, Tailwind, and code Playground

HTML

<div class="heading">rowexpandcollapsespeedtest</div>
    <div class="content">
        <p>data</p>
    </div>

CSS

.heading {
    cursor: pointer;
}
.heading:hover {
    background-color: #d3d3d3;
}
.content {
    padding: 5px 10px;
}

JavaScript

jQuery(".content").hide();
    //toggle the componenet with class msg_body
jQuery(".heading").click(function() {
    jQuery(this).next(".content").slideToggle(100);
});