JSFiddle - React, Tailwind, and code Playground

by mrtsherman

HTML

<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>
<div class="whycapad_staff">text</div>

JavaScript

$('.whycapad_staff:even').css({
    "background-color": "#eaebeb"
});
$('.whycapad_staff').hover(function() {
    $(this).stop().animate({
        "background-color": "#5facf8"
    }, 300);
}, function() {
    if ($(this == ':even')) {
        $(this).stop().animate({
            "background-color": "#eaebeb"
        }, 300)
    }
    else {
        $(this).stop().animate({
            "background-color": "#FFFFFF"
        }, 300)
    }
});