JSFiddle - React, Tailwind, and code Playground

by Oliver_kh

HTML

<ul>
    <li>Главная</li>
    <li class="aa" id="1">Выпадающий Пункт меню</li>
    <ul id="lis1">
        <li>Дочерний пункт</li>
    </ul>
    <li class="aa" id="2">Выпадающий Пункт меню</li>
    <ul id="lis2">
        <li>Дочерний пункт</li>
    </ul>
    <li>Пункт меню</li>
</ul>

CSS

ul > ul {
    display:none;
}

JavaScript

$(document).ready(function () {
    $(".aa").click(
    function () {
        if ($("#lis" + this.id).is(":hidden")) {
                $("#lis" + this.id).show(500);
        } else {
            $("#lis" + this.id).hide(500);
        }
    });
});