动画颜色变量不起作用

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 
    }; 
});