JSFiddle - React, Tailwind, and code Playground

HTML

<div class="clickMenu">Меню</div>
  <ul class="hide">
    <li>Торт</li>
    <li class="clickMenu2">Пончик
      <ul class="hide">
        <li>Вкусный</li>
        <li>Большой</li>
      </ul>
    </li>
    <li>Пирожное</li>
  </ul>

CSS

.hide{
  display: none;
}

.open{
  display: block;
}

JavaScript

var clickMenu = document.querySelector(".clickMenu");
var ulClass = document.querySelector(".hide");

var clickMenu2 = document.querySelector(".clickMenu2");
var ulClass2 = clickMenu2.querySelector(".hide")


clickMenu.addEventListener("click", function(){
	ulClass.classList.toggle('open')
});

clickMenu2.addEventListener("click", function(){
	ulClass2.classList.toggle('open');
  
});