JSFiddle - React, Tailwind, and code Playground

HTML

<div id="menu">
  <span id="menuToggle">Menu</span>
  <ul>
    <li>Home</li>
    <li>Projects</li>
    <li>Contact</li>
  </ul>
</div>

CSS

div{
  list-style:none;
  width:100%;
  text-align:center;
}
ul li{
  display:inline-block;
}
#menuToggle {
  display:none;
}
@media screen and (max-width: 35em) {
  #menuToggle {
    display:block;
    cursor:pointer;
  } 
  ul li{
    display:none;
  }
}

JavaScript

$('#menuToggle').click(function(){
  $('ul li').css('display','block');
}