JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <ul>
        <li><a href="#" id="link-18">level 1 one</a>
          <ul>
              <li><a href="#" id="link-23">1 sublevel 1 one</a></li>
              <li><a href="#" id="link-24">1 sublevel 2 two</a></li>
              <li><a href="#" id="link-26">1 sublevel 3 three</a></li>
              <li><a href="#" id="link-27">1 sublevel 4 four</a></li>
              <li><a href="#" id="link-28">1 sublevel 5 five</a></li>
              <li><a href="#" id="link-29">1 sublevel 6 six</a></li>
          </ul>
        </li>
        <li><a href="#" id="link-19">level 2 two</a>
          <ul>
              <li><a href="#" id="link-23">2 sublevel 1 one</a></li>
              <li><a href="#" id="link-24">2 sublevel 2 two</a></li>
              <li><a href="#" id="link-26">2 sublevel 3 three</a></li>
              <li><a href="#" id="link-27">2 sublevel 4 four</a></li>
              <li><a href="#" id="link-28">2 sublevel 5 five</a></li>
              <li><a href="#" id="link-29">2 sublevel 6 six</a></li>
          </ul>
        </li>
        <li><a href="#" id="link-20">level 3 three</a>
          <ul>
              <li><a href="#" id="link-23">3 sublevel 1 one</a></li>
              <li><a href="#" id="link-24">3 sublevel 2 two</a></li>
              <li><a href="#" id="link-26">3 sublevel 3 three</a></li>
              <li><a href="#" id="link-27">3 sublevel 4 four</a></li>
              <li><a href="#" id="link-28">3 sublevel 5 five</a></li>
              <li><a href="#" id="link-29">3 sublevel 6 six</a></li>
          </ul>
        </li>
        <li><a href="#" id="link-21">level 4 four</a></li>
        <li><a href="#" id="link-22">level 5 five</a></li>
    </ul>
</nav>

CSS

nav ul>li>ul {
    display: none;
    float: left;
    position: absolute;
    top: 0px;
    margin-left: -240px;
}

nav ul>li {
    margin-left: 120px;
}

nav ul {
    
}

JavaScript

$('nav a').on('click', function(e) {
    e.preventDefault();
    if ($(this).parent().children('ul').size() > 0) { 
        $(this).parent().children('ul').toggle();
    }
});