JSFiddle - React, Tailwind, and code Playground

by Web Carvers

HTML

<div class="sideMenu">
    <ul>
        <li class="titledUl"><b>Dashboard</b>
         <ul class="subUl">
            <li>Dash Tool 1</li>
            <li>Dash Tool 2</li>
        </ul>
        </li>
       
    </ul>
    <ul>
        <li class="titledUl"><b>User Managment</b>
        <ul class="subUl">
            <li>UM Tool 1</li>
            <li>UM Tool 2</li>
        </ul>
        </li>
    </ul>
</div>

CSS

.subUl{
    display:none;
}
.titledUl{
    cursor:pointer;
}

JavaScript

$('.titledUl').on('click', function() {
    $(this).closest('ul').find(".subUl").slideToggle(500);
});