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

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