Загадка опрокидывания Tigerstipe

Question

Итак, у меня есть список div, у которых есть чередующиеся цвета фона через jQuery.У них также есть ролловеры, которые меняют цвет фона.Проблема в том, что функция прокрутки позволяет мне анимировать этот класс только одним цветом фона при наведении мыши, но, как я уже говорил, у меня есть чередующийся цвет фона.Как я могу справиться с этим в JQuery?Мой код ниже был моей попыткой выражения if, else с четным и нечетным, но я не знаю правильный синтаксис.

$(document).ready(function() {
    $('.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)
        }
    })
})

Answer 1

Просто используйте css:

.whycapad_staff:nth-child(even) {
     background-color:#eaebeb;
}
.whycapad_staff:hover {
     background-color:#5facf8;
}

Демо: http://jsfiddle.net/maniator/npWnm/

Вот пример, если вы просто хотите использовать jQuery: http://jsfiddle.net/maniator/npWnm/5/

$(function() { //jQuery fallback
    $('.whycapad_staff').hover(function() {
        $(this).data('b-color', $(this).css('background-color'));
        $(this).css('background-color', '#5facf8');
    }, function() {
        $(this).css('background-color', $(this).data('b-color'));
    });
});

---

Полный запасной вариант: http://jsfiddle.net/maniator/npWnm/9/

$(function() { //jQuery fallback
    $('.whycapad_staff').each(function(index, item){
        if(index%2 == 1){
            $(this).css('background-color', '#eaebeb');
        }
    });
    $('.whycapad_staff').hover(function() {
        $(this).data('b-color', $(this).css('background-color'));
        $(this).css('background-color', '#5facf8');
    }, function() {
        $(this).css('background-color', $(this).data('b-color'));
    });
});