動畫顏色變量不起作用

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