Quick setup for clicking outside a menu to close it

click_outside_close.js

//with JQuery
function clickOutsideClose(element, callback) {
	$(document).mouseup(function(e) {
		let container = $(element)
		if (!container.is(e.target) && container.has(e.target).length === 0) {
			container.hide()
			if (typeof callback === 'function') {
				callback()
			}
		}
	})
}

//Vanilla JS
function click_outside_close(element, callback) {
	document.addEventListener('mouseup', function close(e) {
		if (element !== e.target && !element.contains(e.target)) {
			element.style.display = 'none'
			if (typeof callback === 'function') {
				callback()
			}
			document.removeEventListener('mouseup', close)
		}
	})
}