Click outside menu to close in jquery

https://stackoverflow.com/questions/2868582/click-outside-menu-to-close-in-jquery

HTML

<button id="menu-btn">
  Menu
</button>
<div id="menu-popup" style="display: none">
  <ul>
    <li>Link 1</li>
    <li>Link 2</li>
    <li>Link 3</li>
  </ul>
</div>

CSS

#menu-popup {
  padding: 1rem;
  background: #EEE;
}

JavaScript

$("#menu-btn").on('click', function() {
	$("#menu-popup").toggle();
});

$(document).on('click', function() {
	if (!$("#menu-btn:hover").length) {
    $("#menu-popup:not(:hover)").hide();
  }
});