JSFiddle - React, Tailwind, and code Playground

HTML

<div id="testdiv">
    <input type="text" id="txt" style="display:none;" />
</div>

CSS

#testdiv {
    background:#aaaaaa url('http://www.ari.uni-heidelberg.de/gaia/gallery/GR/gr0283-01.artistic-Gaia-Galaxy-large.jpg') no-repeat right top;
    width: 400px;
    height: 400px;
}

#txt{
    margin-left: 180px;
    margin-top: 140px;
}

JavaScript

$(function() {
    $('#txt').hide();
    $('testdiv').ready(function() { 
        alert('ready');
        $('#txt').show(1000);         
    });
});