JSFiddle - React, Tailwind, and code Playground

by usmanhalalit

HTML

<ul>
    <li class="normal">Item1</li>
    <li class="normal">Item2</li>
    <li class="special">Special</li>
    <li class="normal">Item4</li>
    <li class="special">Special</li>
    <li class="normal">Item5</li>
</ul>

JavaScript

$(function(){
        $('.normal').hover(function(){
            $(this).css('color','red');
            var $prev=$(this).prev();
            var $next=$(this).next();
            if($prev.hasClass('special'))
                $prev.css('color','green');
            if($next.hasClass('special'))
                $next.css('color','blue');
        },function(){
            $(this).css('color','black');        
            $('.special').css('color','black');        
            
        });
    })