JSFiddle - React, Tailwind, and code Playground

HTML

<ul>
    <li class="blah"><a href="">i'm a list item</a></li>
    <li class="blah"><a href="">i'm a list item</a></li>
    <li class="blah"><a href="">i'm a list item</a></li>
    <li class="blah"><a href="">i'm a list item</a></li>


</ul>

CSS

.blah { font-size:40px; -webkit-transition: all .5s linear; }
.blah:hover { position:relative;font-size:60px;padding:10px 0 20px 150px; }
.blah:hover a{color:#222;}
.blah a{color:#aaa8a8;-webkit-transition:color 1s linear;}

JavaScript

$('li').mouseenter(function(){
    $(this).siblings().css({
            'color' : '#f5f5f5'                   
           
        
        });
    });