JSFiddle - React, Tailwind, and code Playground

by fenderistic

HTML

<div class="hover">hover over me lipsumlipsumlipsum</div>

CSS

.hover {
    top:50px;
right:-115px;
position: absolute;
    background:yellow;
   
}
html{
    overflow-x:hidden;
}

JavaScript

var old;
$(".hover").hover(
    
    function(){
        old = $(this).css("right");
        $(this).animate({right:"0"},100);  
    }, function() {
        $(this).animate({right:old},100);  
    }
    )