Цветовая переменная в анимации не работает

Question

Я не вижу этого. Я хочу изменить цвет кнопки анимацией. Первый клик работает второй. Я проверил var c, и он правильно установил цвет rgb, но, очевидно, не дает его правильной анимации.

var grey2 = "#555"; 
    $(".mainMenu .fa-search").click(function() { 
    var c = $(this).css("color"); 
    if (i == 0) { 
     $(".mainMenu .searchForm").slideDown(); 
     $(this).animate({color: grey2}); 
     i = 1; 
    } else { 
     $(".mainMenu .searchForm").slideUp(); 
     $(this).animate({color: c}); 
     i = 0 
    }; 

Answer 1

При повторном нажатии этого цвета цвет меняется на grey2 (# 555), поэтому var c имеет # 555, поэтому оба значения равны.
, поэтому второй раз, когда он не работает
Попробуйте этот код

var grey2 = "#555"; 
var c = $(".mainMenu .fa-search").css("color"); 
$(".mainMenu .fa-search").click(function() { 
    if (i == 0) { 
     $(".mainMenu .searchForm").slideDown(); 
     $(this).animate({color: grey2}); 
     i = 1; 
    } else { 
     $(".mainMenu .searchForm").slideUp(); 
     $(this).animate({color: c}); 
     i = 0 
    }; 
});