JSFiddle - React, Tailwind, and code Playground

HTML

<input />
<div class="hidden">Hidden div</div>


<div class="clickable">Click me</div>

CSS

.clickable { background:blue; }
.hidden {
    display:none;
}

JavaScript

$("input").on("focus", function() {
    $(".hidden").show();
});
$("input").on("focusout",function() {
    $(".hidden").hide();
});

$(".clickable").on("mousedown", function() { 
    $("input").unbind("focusout"); 
});