JSFiddle - React, Tailwind, and code Playground

by rjurd

HTML

<ul>
<li>item 1</li>
<li>next one</li>
<li>this one</li>
<li>fourth</li>
<li>fifth</li>
<li>another one</li>
<li>last one</li>
</ul>

CSS

li {
    display: inline;
}

JavaScript

$(document).ready(function() {
    $("#menu a").mouseover(function() {
      $(this).animate({"left": "50px"}, 1000); 
   });    
});