Tenho uma div que serve como caixa de alerta. Nela tenho um texto e um botão. Preciso que toda a caixa (a div no caso) fique invisível quando o botão for clicado, mas não consegui fazer isso funcionar de jeito nenhum.
<div class="allert-box" id="hm-tools-alert">
<p>
Texto
</p>
<button class="allert-box-close" id="hm-tools-alert-close">
<img src="images/icons/close.png" alt="Fechar">
</button>
</div>