JSFiddle - React, Tailwind, and code Playground

HTML

<div id="settings">Settings
<div id="panel">
    <ul>
        <li><a href="www.google.com">google</a></li>
        <li>Option 2</li>
        <li>Option 3</li>
    </ul>
</div>
</div>

CSS

#panel { display: none;  border: 1px solid #000;}

JavaScript

$(function() {
    $('body').click(function(e) {
        if ($(e.target).attr('id') == 'settings') {
            $('#panel').show();
        } else {
            $('#panel').hide();
        }
    });
});