JSFiddle - React, Tailwind, and code Playground

by Nick Craver

HTML

<div style="width:550px; padding:40px 0 0;margin:0 auto; position:relative;">    
    
    <div id="clickk">
        <div id="monster"></div>
    </div><br />
    <div style="width:500px; height:300px; background-color:#ccc; margin:0 auto;"></div>
</div>

CSS

#monster { 
    background:#de9a44;
    width:80px; 
    height:60px; 
    display:none; 
    position:absolute;
    left: 0;
    bottom: 0;
}

#clickk {
    width:80px; 
    height:60px; 
    border:1px solid #cc0001; 
    background:transparent; 
    position:absolute; 
    top:0; 
    right:10px;
}

JavaScript

$("#clickk").hover(function () {
  $("#monster").slideToggle("fast");
});