JSFiddle - React, Tailwind, and code Playground

by Kcko

HTML

outside div
<br>
<br> <a href="#" id="menulink">show/hide</a>

<br>
<br>
<div id='menu' style='background:red;display:none;padding:10px;width:300px'>inside div
    <div style="background:#f0f">div in div</div>
</div>

JavaScript

$(document).ready(function () {
    $('#menulink').bind('click', function () {
        if ($('#menu').is(":visible")){
            $('#menu').hide();
        } else {
            $('#menu').show();
        }
    });
});