JSFiddle - React, Tailwind, and code Playground

by Oliver_kh

HTML

<ul id="global_nav">
    <li><span>Одежда</span>

        <ul>
            <li><span>Мужская</span>

                <ul>
                    <li>Еще категория</li>
                    <li>Еще категория</li>
                    <li>Еще категория</li>
                    <li>Еще категория</li>
                </ul>
            </li>
            <li><span>Женская</span>

                <ul>
                    <li>Еще категория</li>
                    <li>Еще категория</li>
                    <li>Еще категория</li>
                    <li>Еще категория</li>
                </ul>
            </li>
        </ul>
    </li>
</ul>

CSS

ul ul {
    display:none;
}

JavaScript

$(function () {
    $('#global_nav li span').click(function () {
        if ($(this).hasClass('open')) {
            $(this).next('ul').slideUp(500);
            $(this).removeClass('open');
        } else {
            $(this).next('ul').slideDown(500);
            $(this).addClass('open');
        }

    });
});