JSFiddle - React, Tailwind, and code Playground

HTML

<input type="text" id="mybox" />

<br />

<div id="vkeyboard" style="display:none;">Virtual keyboard with letters here...</div>

JavaScript

$('#mybox').focus(function(){
    $('#vkeyboard').show('slow');
});
$('#mybox').blur(function(){
    $('#vkeyboard').hide('slow');
});