JSFiddle - React, Tailwind, and code Playground

HTML

<nav>
    <a href="#" id="toggle-Tmenu">Menu</a>
    <ul id="Tmenu">
        <li><a href="#">Topmenu</a></li>
        <li><a href="#">Profil</a></li>
        <li><a href="#">Wiki</a></li>
        <li><a href="#">Forum</a></li>
        <li><a href="#">Blog</a></li>
        <li><a href="#">Download</a></li>
    </ul>
</nav>

CSS

#toggle-Tmenu {
    display: block;
    float: right;
    padding: 5px;
    border: 2px solid #000000;
    margin-top: 20px;
}
#Tmenu {
    display: none;
    clear: both;
}
#Tmenu.show {
    display: block;
}

JavaScript

$(function () {
    var $btn = $('#toggle-Tmenu'),
        $menu = $('#Tmenu');

    $btn.on('click', function (e) {
        $menu.toggleClass('show');
        e.preventDefault();
    });
});