JSFiddle - React, Tailwind, and code Playground

HTML

<div id="categories">
								<div class="cc_name">Каталог товаров</div>
								<div class="categories">
									<ul>
										<li class="cat_icon"><a href="#" title="">Электроника</a></li>
										<li class="cat_icon"><a href="#" title="">Бытовая техника</a></li>
										<li class="cat_icon"><a href="#" title="">Компьютеры</a></li>
										<li class="cat_icon"><a href="#" title="">Товары для дома</a></li>
										<li class="cat_icon"><a href="#" title="">Товары для авто</a></li>
										<li class="cat_icon"><a href="#" title="">Сад и огород</a></li>
										<li class="cat_icon"><a href="#" title="">Строительство и ремонт</a></li>
										<li class="cat_icon submenu_f">
											<a href="#" title="">Подарки и украшения</a>
											<ul>
												<li class=""><a href="#" title="">Теле-видео-аудио техника</a></li>
												<li class=""><a href="#" title="">Телефоны и связь</a></li>
												<li class="submenu_f">
													<a href="#" title="">Фото и видео</a>
													<ul>
														<li class=""><a href="#" title="">Плиты</a></li>
														<li class=""><a href="#" title="">Вытяжки</a></li>
														<li class=""><a href="#" title="">Холодильники</a></li>
														<li class=""><a href="#" title="">Духовые шкафы</a></li>
														<li class=""><a href="#" title="">Варочные поверхности</a></li>
														<li class=""><a href="#" title="">Посудомоечные машины</a></li>
														<li class=""><a href="#" title="">Стиральные машины</a></li>
														<li class=""><a href="#" title="">Аксессуары</a></li>
													</ul>
												</li>
												<li class=""><a href="#" title="">Портативная электроника</a></li>
												<li class=""><a href="#" title="">Прочая электроника</a></li>
												<li class=""><a href="#" title="">Элементы питания</a></li>
											</ul>
										</li>
										<li class="cat_icon"><a href="#" title="">Парфюмерия и косметика</a></li>
										<li...

CSS

.categories, #categories ul li ul, #categories ul li ul li ul {
  display: none;
}

JavaScript

$('.cc_name').click(function(){
		$('.categories').stop().slideToggle(300);
})

$('.submenu_f > a, .cc_name').click(function(){
  $(this).parent().children('ul').stop().slideToggle(300, function () {
  	if ($(this).is(':hidden')) {
    	$(this).find('ul').hide();
    }
  });
})