JSFiddle - React, Tailwind, and code Playground

HTML

<a href="#">Click Me</a>
    <div id="box" class="box">
    <h1>Eu sou elemenssto</h1>
    <h2>Quero foco</h2>
    <p>Focus Focus Focus Focus Focus Focus Focus </p>
      <input type="checkbox"><br>
      <input type="checkbox"><br>
      <input type="checkbox"><br>
      <input type="checkbox"><br>
      <input type="checkbox"><br>
  </div>
<div id="login">
    <label>Username:</label><input type="text"/><br/>
    <label>Password:</label><input type="password"/><br/>
</div>

JavaScript

$(document).ready(function(){
   $("#login").hide();
    $('a').bind('click', function() {
    $("#login").toggle().focus();
});
    $("input").focusout(function(){
        $("#login").hide();
    });
});