Hides a div when a click occurs outside of the specified container

clickOutsideDiv.js

$(document).click(function(e) {
    let container = $("YOUR_CONTAINER_SELECTOR");

    // if the target of the click isn't the container nor a descendant of the container
    if (!container.is(e.target) && container.has(e.target).length === 0) {
        container.hide();
    }
});