JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li>hello</li>
</ul>

CSS

.hover {
    background-color: blue;
}

JavaScript

$("li").hover(
    function(){
        $(this).toggleClass('hover', 1000);
    },
    function(){
        $(this).toggleClass('hover', 2000);
    }
);