JSFiddle - React, Tailwind, and code Playground

by ChrisStanyon

HTML

<div id="myAccordian">
    <div class="priv-Section">
        <div class="priv-Title">Main</div>
        <div class="priv-Body">
            Main Body
        </div>
    </div>
    <div class="priv-Section">
        <div class="priv-Title">Users - CV</div>
        <div class="priv-Body">
            CV Body
        </div>
    </div>
</div>

CSS

.priv-Title { background-color:green;margin-bottom:3px; cursor:pointer;padding: 3px; }
.priv-Body { display:none; border: 1px solid green; margin-bottom: 10px;padding: 5px;  }

JavaScript

$(".priv-Title").click(function () {
    $(this).next().slideToggle();
});