JSFiddle - React, Tailwind, and code Playground

HTML

<ul class="menu">
                    <li><a href="http://google.com">Распродажа</a></li>
                    <li><a href="#">Кухни</a>
                        <ul>
                            <li><a href="http://google.ru">Кухни ДСП</a></li>
                            <li><a href="#">Кухни массив дуба</a>
                                <ul>
                                    <li><a href="http://google.ru">Кухни ДСП</a></li>
                                    <li><a href="#">Кухни массив дуба</a></li>
                                    <li><a href="#">Кухни акрил</a></li>
                                    <li><a href="#">Кухни массив ясеня</a></li>
                                    <li><a href="#">Кухни крашение</a></li>
                                </ul>
                            </li>
                            <li><a href="#">Кухни акрил</a></li>
                            <li><a href="#">Кухни массив ясеня</a></li>
                            <li><a href="#">Кухни крашение</a></li>
                        </ul>
                    </li>
                    <li><a href="#">Гостиные</a></li>
                    <li><a href="#">Детские</a></li>
                </ul>

CSS

.menu {
    font-size: 18px;}
.menu li {
    cursor: pointer;
    margin: 0 0 10px 0;}
.menu a {
    color: #1c1c1c;}
.menu > li > a {
    background: url(../img/plus.png) no-repeat right center;
    padding-right: 20px;}
.menu li ul li  {
    background: url(../img/bor.png) no-repeat left 19px;
    font-size: 14px;
    padding: 10px 0 0 20px;
    margin: 0 0 0 5px;}

JavaScript

$(function(){
    $('.menu ul').hide();
    $('.menu li.current').parent().show();
    $('.menu li').has('ul').children('a').bind('click',function() {
        $(this).parent('li').children('ul').slideToggle(300);
        return false;
    });
});