JSFiddle - React, Tailwind, and code Playground

by hamix

HTML

<div id="showmenu" style="background-color:#cccccc;padding:10px;">Click Anywhere
    <div class="menu" style="display: none;">
        <ul>
            <li><a href="#" class="linkclass">Link1</a>
            </li>
            <li><a href="#" class="linkclass">Link2</a>
            </li>
            <li><a href="#" class="linkclass">Link3</a>
            </li>
        </ul>
    </div>
</div>

JavaScript

$(document).ready(function () {
    $('#showmenu').click(function () {
        $('.menu').toggle("scroll");
    });
    $(".linkclass").click(function (event) {
        event.stopPropagation();
        // Do something
    });
});