JSFiddle - React, Tailwind, and code Playground

HTML

<button id='menu-trigger'>Menu</button>
<div id='menu'>
Что-то...
</div>

CSS

#menu {
  transform: translateY(-150%);
  opacity: 0;
  transition: 0.25s;
  pointer-events: none;
}

#menu.active {
  transform: translateY(0);
  opacity: 1;
  pointer-events: all;
}

JavaScript

$('#menu-trigger').click(function(){
	$('#menu').toggleClass('active');
});
$(document).click(function(e){
	if (e.target.id!='menu-trigger') {
  	$('#menu').removeClass('active');
  }
	
})