JSFiddle - React, Tailwind, and code Playground

by Kelly Hawker

HTML

<div class="tool_master show">

    <div class="tool_hover"> Hover information here  </div>
    
</div>

CSS

.show {
    border: 10px solid green;
    overflow:hidden;
    position:relative;
    HEIGHT:500PX;
}
.tool_hover { position:absolute; left:0; }

JavaScript

$('.show').hover(function() {
    $('.tool_hover').animate({
        'left':'0'},'slow');
},function() {
    $('.tool_hover').anima te({
        'left':'100%'}, 'slow');
    });