title: jquery- Cant animate change in color/css?
body: <p>Ok so I have been following this question <a href="https://stackoverflow.com/questions/6967188/jquery-animate-color-change">jQuery animate color change</a> and have copied their syntax exactly. I'm trying to animate a change in a few css properties on hover, starting with border-color. </p>
  
  <p>Originally I had <code>$(".panel-default", this).css("border-color", "#ddd");</code> within my function but that was instant. Now I have:</p>
  
  <pre><code>$(".lab1, .lab2, .lab3").hover(function(){
  
      $(".panel-default", this).animate({"border-color":"green"}, 200);
  
  }, function() {
  
  //    $(".panel-default", this).css("border-color", "#ddd");
  //    $(".panel-default &gt; .panel-heading", this).css("background-color", "#f5f5f5");
  //    $(".panel-default &gt; .panel-heading", this).css("border-color", "#ddd");
  //    $(".panel-default &gt; .panel-heading", this).css("color", "#565656");
      $(".panel-default", this).animate({"border-color":"black"}, 200);
  
  });
  </code></pre>
  
  <p>But nothing is happening. How can I animate change in css on hover?</p>