Ciao a tutti,
sono nuovo del forum e avrei un problema con uno script.

Ho un div che esce quando premo su un link, vorrei che questo stesso div scomparisse quando clicko in un qualsiasi punto della pagina che non sia la sua area.

Questo è lo script:

codice:
document.addEventListener('DOMContentLoaded', function () {
    document.getElementById('loginbtn').addEventListener('click', function () {
        document.getElementById('logindiv').style.transition = 'all 1s';
        document.getElementById('logindiv').style.top = '2.5rem';
        $("#logindiv").addClass('espanso');
    })
    
    document.addEventListener('click', function () {
        if ($("#logindiv").hasClass('espanso')) {
            document.getElementById('logindiv').style.top = '-300%';
            $("#logindiv").removeClass('espanso');
        }
    })
});
Però credo che i due EventListener avvengano insieme. Consigli?