动画中的颜色变量不起作用

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