title: Remove css class with animation
body: <p>I'm creating a table and i want to highlight a specific row.</p>
  
  <p>I did this using:</p>
  
  <pre><code>$this.css('background-color', 'green');
  
  $this.delay(3000).animate({ backgroundColor: $color }, 3000);
  
  $this = the row in question.
  
  $color = the previous row color.
  </code></pre>
  
  <p>But i want it to work with the a css class, so something like this</p>
  
  <pre><code>$this.addClass('highlight');
  </code></pre>
  
  <p>The class <code>.highlight</code> will only have a <code>background-color</code>.</p>
  
  <p>The problems is that, after i add the class, i can't the <code>background-color</code>.</p>
  
  <p>If i use:</p>
  
  <pre><code>$this.delay(3000).animate({ backgroundColor: $color }, 3000);
  </code></pre>
  
  <p>it doesn't seem to work because it doesn't overrides the <code>background-color</code> property of the class .highlight itself.
  And i don't see a way to animate a <code>removeClass</code> method or even a <code>switchClass</code> from <code>.highlight</code> to <code>''</code>.</p>
  
  <p>Is there any solution i'm not thinking off to do this.</p>
  
  <p>Thanks in advance.</p>