JSFiddle - React, Tailwind, and code Playground

by 3nigma

HTML

<ul>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a>
        <ul class="sub-menu">
            <li><a href="#">Submenu</a></li>
            <li><a href="#">Submenu</a></li>
        </ul>
    </li>
    <li><a href="#">Item</a></li>
    <li><a href="#">Item</a>
        <ul class="sub-menu">
            <li><a href="#">Submenu</a></li>
            <li><a href="#">Submenu</a></li>
        </ul>
    </li>
    <li><a href="#">Item</a></li>
</ul>

JavaScript

$('.sub-menu').hide();

$("li:has(ul)").click(function(){

$("ul",this).slideDown();
});