JSFiddle - React, Tailwind, and code Playground

HTML

<div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div><div class='slider'></div>

<div id='sliderbox'></div>

CSS

.slider {
    width: 80px;
    height: 80px;
    border: 2px dashed orange;
    float: left;
}

#sliderbox {
    width: 50px;
    height: 50px;
    background: yellow;
    position: absolute;
    right: 0;
}

JavaScript

$('.slider').mouseenter(function() {
    var theTop = $(this).offset().top;
    $('#sliderbox').stop().animate({top: theTop}, 500);
});