JSFiddle - React, Tailwind, and code Playground

by Vinit Divekar

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script type="text/javascript">
    $(document).ready(function () {
    debugger;
        $("#dvSearch").hide();
});
</script>
<script type="text/javascript">
    function show() {
        document.getElementById("dvSearch").style.display = 'inline';
        }
        function hide() {
            document.getElementById("dvSearch").style.display = 'none';
            }
</script>
<div>
    <input type="search" style="width:300px; height:40px" placeholder="Search here..." onfocus="show()" onblur="hide()" /><br>
    <div id="dvSearch" style="position:absolute; margin-left:232px; margin-top:-36px;">
        <button id="btnSearch" stype="submit" class="btn btn-primary btn-lg" />
    </div>
</div>