JSFiddle - React, Tailwind, and code Playground

by videsignz

HTML

<img src='http://www.videsignz.com/testing/images/water-front2.png' />
<div></div>

CSS

img {position:absolute; left:0px; top:0px; z-index:5;}

div {position:absolute; left:0px; top:340px; background-color:#67d9ff; height:0px; display:block; width:350px;}

JavaScript

$('img').hover(
    
    function(){
      $('div').stop().animate({'height' : '250px', 'top' : 90 }, 1500);
   },
    
    function(){          
      $('div').stop().animate({'height' : 0, 'top' : '340px' }, 1500);
   }
   
);