JSFiddle - React, Tailwind, and code Playground

HTML

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
<a id='menubutton' href="#">
    IMG TO CLICK
    <div id='menubuttontext'>
        Menu
    </div>
</a>
<ul id='menucontainer'>
    <li><a href='/'>Home</a></li>
    <li><a href='/services/'>Services</a></li>
    <li><a href='/about-us/'>About us</a></li>
    <li><a href='/procedures/'>Procedures</a></li>
    <li><a href='/call-back/'>Request a call back</a></li>
    <li><a href='/contact/'>Contact Us</a></li>
</ul>

CSS

#menucontainer
{
    display: none;    

}

JavaScript

var inout="0";
    $("#menubutton").click(function () {
        if(inout=="0"){
            $("#menucontainer").show("slow");
            inout="1";
        }else{
            $("#menucontainer").hide();
            inout="0";
        }
    });