JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
  <li class="click">click
    <ul>
      <li class="sub-menu">test1
        <ul>
           <li class="sub-menu">test2
            <ul>
              <li><a href="" hred="#"></a></li>
              <li><a href="" hred="#"></a></li>
            </ul>
          </li>
          <li><a href="" hred="#"></a></li>
        </ul>
      </li>
      <li>test</li>
    </ul>
  </li>
  <li><a href="#">test</a></li>
  <li><a href="#">test</a></li>
</ul>

CSS

.sub-menu {
  display: none;
}
.sub-menu.open {
  display: block;
}

JavaScript

$(document).ready(function(){
 $(".click").click(function() {
    $(".sub-menu").toggleClass("open")
  })
})