JSFiddle - React, Tailwind, and code Playground

HTML

<ul id="verticalfade">
   <li class='outText'>First</li>
   <li class='outText'>Second</li>
   <li class='outText'>Thirs</li>
</ul>

CSS

.outText{color:#cccccc;}
.inText{color:#ffffff;}

JavaScript

$('ul#verticalfade li').live('mouseover', function() {
    var t = this;
    $('ul#verticalfade li').each(function() {
        if (this != t) $(this).removeClass('inText');
        else $(this).addClass('inText');
    });
}).live('mouseout',function(){ $(this).removeClass('inText'); });