JSFiddle - React, Tailwind, and code Playground
HTML
<a href="#" class="btn-shop">Кнопка</a>
<div class="shop-adress">Некий блок</div>
CSS
.shop-adress {
display: none;
width: 100px;
height: 100px;
background-color: #ccc;
}
JavaScript
$(".btn-shop").on('click', function(){
$(".shop-adress").slideDown();
});
$(document).mouseup(function (e){ // событие клика по веб-документу
var btn = $(".btn-shop"),
div = $(".shop-adress"); // тут указываем ID элемента
if (!btn.is(e.target) // если клик был не по нашему блоку
&& div.has(e.target).length === 0) { // и не по его дочерним элементам
div.slideUp(); // скрываем его
}
});