JSFiddle - React, Tailwind, and code Playground

HTML

<div>
    <div>
        <div>
            <a>Click Me!</a>
        </div>
    </div>
</div>

<div class="menu">
    This is a menu
</div>

CSS

div {
    border: 1px solid #999;
    padding: 10px;
    width: 80%;
    min-height: 150px;
}
a {
    margin: 10px;
    text-decoration: underline;
    color: #3D668F;
    cursor: pointer;
}
.menu {
    padding: 5px 8px;
    background-color: #ddd;
    color: #000;
    position: absolute;
    top: 30px;
    left: 100px;
    height: 100px;
    width: 100px;
}

JavaScript

$('div.menu').live('click', function(e) {
    e.stopPropagation();
    alert('click inside menu. will not propagate.');
    return false;
});

$(document).click(function() {
    alert('document click() handler.');
    // close the div
    $('div.menu').hide();
});

$('a').live('click', function() {
    alert('<a> click() handler');
    // .. your code to handle the live element's click
});