JSFiddle - React, Tailwind, and code Playground

by Peter Doyle

JavaScript

var animateSpeed = 500;

$( ".tile-container.internetExplorer ul li" ).hover(function() {
    
    var animateInfo = $(this).find( ".tile-info" );
    animateInfo.animate({top: 0}, animateSpeed);
    
    var animateNormal = $(this).find( ".tile-normal" );
    var animateNormalHeight = animateNormal.outerHeight();
    animateNormal.animate({top: animateNormalHeight}, animateSpeed);    
    
},
function() {
    
    var animateNormal = $(this).find( ".tile-normal" );
    animateNormal.animate({top: 0}, animateSpeed);
    
    var animateInfo  = $(this).find( ".tile-info" );
    var animateInfoHeight = animateInfo.outerHeight();
    animateInfo.animate({top: -animateInfoHeight}, animateSpeed)
    
});