JSFiddle - React, Tailwind, and code Playground

HTML

<!DOCTYPE html>
<html>
    <head>
        <style>
            div#monster { background:#de9a44; margin:3px; width:80px; height:60px; display:none; float:left; position:absolute; right:10px; top:0;}
            
            #clickk {width:80px; height:60px; border:1px solid #cc0001; background:transparent; position:absolute; top:0; right:10px;}
        </style>
        <script src="http://code.jquery.com/jquery-latest.min.js"></script>
    </head>
    <body>
        
        <div style="width:550px; padding:40px 0 0;margin:0 auto; position:relative;">    
            <div id="monster"></div>
            <div id="clickk"></div><br />
            <div style="width:500px; height:300px; background-color:#ccc; margin:0 auto;"></div>
        </div>
        
        <script>
            $("#clickk").hover(function () {
            if ($("#monster").is(":hidden")) {
            $("#monster").slideDown("fast");
            } else {
            $("#monster").slideUp("fast");
            }
            });
            
        </script>
        
    </body>
</html>