JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
   <ul>
       <a href="#"></a><li>1</li></a>
       <a href="#"></a><li>1</li></a>
       <a href="#"></a><li>1</li></a>
       <a href="#"></a><li>1</li></a>
       <a href="#"></a><li>1</li></a>
       <a href="#"></a><li>1</li></a>
   </ul>
   <div class="handle">Menu</div>
</nav>

CSS

.hidding{
    display: none;
}

JavaScript

$('.handle').on('click', function(){
            $('nav ul').toggleClass('hidding');               
      });