JSFiddle - React, Tailwind, and code Playground

by sarathsprakash

HTML

<div id="navigation">
    <li>hello</li>
</div>
<a href="#">hi</a>

CSS

a{
    position:fixed;
}

JavaScript

$(document).ready(function()
 {
$('#navigation > li').hover(
    function() {
        $(this).stop().animate({'margin-left':'-7px'},300);
         $('a').stop().animate({'margin-left':'-7px'},300);
    },
    function () {
         $(this).stop().animate({'margin-left':'-150px'},300);
        $('a').stop().animate({'margin-left':'-150px'},300);
    }
);
$("#navigation > li").click(function()
 {
  $(this).unbind('mouseenter mouseleave');
 });
});