JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div><div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div><div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div  class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div><div>
    <fieldset class="majorpoints">
    <legend class="majorpointslegend">Expand</legend>
    <div class="hiders" style="display:none" >
        <ul>
            <li>cccc</li>
            <li></li>
        </ul>
    </div>
</div>

JavaScript

$('.majorpoints').click(function(){
    $(this).find('.hiders').toggle();
});