JSFiddle - React, Tailwind, and code Playground

by farhan2056

HTML

<ul>
    <li><a href="#">Menu</a></li>
    <li><a href="#">Menu</a></li>
    <li>
        <ul class="submenu">
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
        </ul>
    </li>
    <li>
        <ul class="submenu">
            <li><a href="#">Menu</a></li>
            <li><a href="#">Menu</a></li>
        </ul>
    </li>
    <li><a href="#">Menu</a></li>
</ul>

JavaScript

$(document).ready(function() {
    $('.submenu').hide();
    $("li:has(ul)").click(function() {
        $("ul", this).toggle('slow');
    });
});