JSFiddle - React, Tailwind, and code Playground

HTML

<body>
скройся!
  
<div id="a" class="login">появись!</div>
    
    <div id="login_box">скрывалка появлялка</div>
    
</body>

CSS

body {
    color: gray;
}
#a {
    color: red;
}
#login_box {
    border: 2px red dashed;
    color: black;
}

JavaScript

(function (){
    var a = document.getElementById("login_box");
 
    document.body.onclick = function(e){
        var el = e ? e.target : event.srcElement;
        
        // true -> показываем, false -> скрываем
        var showing = ~el.className.indexOf("login");
        
        a.style.display = showing ? "block" : "none";
    };
})();