JSFiddle - React, Tailwind, and code Playground

by abarykin

HTML

<ul>
    <li>Детские&nbsp;кроватки</li>
    <li>Детские&nbsp;комоды</li>
    <li>Детские&nbsp;шкафы</li>
    <li>Детские&nbsp;комнаты</li>
    <li>Детские&nbsp;матрасы&nbsp;и&nbsp;аксессуары
        <ul>
            <li>Детские&nbsp;матрасы</li>
            <li>Наматрасники</li>
        </ul>
    </li>
    <li>Детское&nbsp;постельное&nbsp;белье
        <ul>
            <li>Комплекты&nbsp;белья&nbsp;с&nbsp;бортиками</li>
            <li>Балдахины</li>
            <li>Сменное&nbsp;постельное&nbsp;белье</li>
        </ul>
    </li>
    <li>Стульчики&nbsp;для&nbsp;кормления</li>
</ul>

CSS

ul ul{
    padding-left:20px;
    border:1px solid #000;
}

JavaScript

$('ul').click(function() {
    event.stopPropagation();
});
$('ul>li').click(function() {    
    $(this).find('ul').slideToggle(200);
});