JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="database">Item One
        <ul>
            <li>Sub One</li>
            <li>Sub Two</li>
            <li>Sub Three</li>
        </ul>
    </li>
    <li class="database">Item Two
        <ul>
            <li>Sub One</li>
            <li>Sub Two</li>
            <li>Sub Three</li>
        </ul>
    </li>
    <ul>

JavaScript

$(document).on('click', 'li.database', function (e) {
    if (e.target === e.currentTarget) {
        $(this).children('ul').children('li').toggle();
    }
});