Tigerstipe rollover enigma

Así que tengo una lista de divs que tienen colores de fondo alternativos a través de jQuery. Estos también tienen rollovers que cambian el color de fondo. El problema es que la función de reinversión solo me permite animar esta clase a un color de fondo en el mouseout, pero como dije antes, tengo un color de fondo alternativo. ¿Cómo puedo manejar esto en jQuery? Mi código a continuación fue mi bash de una sentencia if, else con par e impar, pero no conozco la syntax correcta.

$(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) } }) }) 

Solo usa css:

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

Demostración: http://jsfiddle.net/maniator/npWnm/

Aquí hay un ejemplo si solo quiere usar 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')); }); }); 

Fallback completo: 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')); }); });