JSFiddle - React, Tailwind, and code Playground

by Sergio Crisostomo

HTML

<h4>Procedures</h4>

<ul>
    <li>Foo</li>
    <li>Foobar</li>
    <li>FooBarBazz</li>
</ul>

<h4>Packages</h4>

<ul>
    <li>Foo</li>
    <li>Foobar</li>
    <li>FooBarBazz</li>
</ul>

JavaScript

$(document).ready(function () {
    $('h4').each(function (index) {
        $(this).click(function () {
            $(this).parent().find('ul').eq(index).find('li').toggle();
        });
    });
});