JSFiddle - React, Tailwind, and code Playground

HTML

<button id="showButton">show box</button>

<div id="adonsite" style="background: #eee; display: none">
    <p>Um paragrafo de texto</p>
    <p>outro texto aleatĂłrio</p>
</div>

JavaScript

var box = $('#adonsite');
var link = $('#showButton');

link.click(function() {
    box.show(); return false;
});

$(document).click(function() {
    box.hide();
});

box.click(function(e) {
    e.stopPropagation();
});