JSFiddle - React, Tailwind, and code Playground

HTML

<div> hover me </div>
<div> hover me </div>
<div> hover me </div>

CSS

div {
    position: relative;
    left: 0;
    cursor: pointer;
}

JavaScript

$("div").css("opacity", "0.5").on("mouseover mouseout", function(e){
    $(e.target).stop(true).animate({ opacity: e.type === "mouseover" ? 1.0:0.5, left: e.type === "mouseover" ? "10px":"0px" }, "slow");
});