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');
});