JSFiddle - React, Tailwind, and code Playground

HTML

<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>
<div class="menuButton">Foo</div>

CSS

div {
    position   : relative;
    width      : 100px;
    height     : 50px;
    background : gold;
}

JavaScript

$('.menuButton').hover(
            function () { $(this).animate({ "left": "+=500px" }, 5000, "linear"); },
            function () { $(this).animate({ "left": "-=500px" }, 5000, "linear"); }
        );