JSFiddle - React, Tailwind, and code Playground

by mauricederegt

HTML

<div class="left" id="nav">
  <p>MENU</p>
   <ul>
<li>
<a href="lighting_video.html">Video</a>
</li>
    </ul>
    <p>MENU2</p>
  <ul>
<li>
<a href="lighting_video.html">Lighting</a>
</li>
<li id="photo">
<a class="active"href="photograms.html">Photograms</a>
</li>
<li id="about">
<a href="about.html">About</a>
</li></ul>
</div>

CSS

#nav ul{
  display: none;
}

JavaScript

$('#nav p')
.css({cursor: "pointer"})
.on('click', function(){
  $(this).next('ul').toggle();
})