JSFiddle - React, Tailwind, and code Playground

by nils_r

HTML

<ol>
    <li><a href="#">Foo</a></li>
    <li><a href="#">Foo</a></li>
    <li><a href="#">Foo</a></li>
</ol>

CSS

.not_hovered a {
    color: #BADA55;
}

JavaScript

$("li").bind({
    mouseenter: function() {
        $(this).siblings().addClass('not_hovered');
    },
    mouseleave: function() {
        $(this).siblings().removeClass('not_hovered');
    }
});