title: javascript toggle table row background color on click
body: <p>So i have some javascript code which on a table row click exapnds all subsequent table rows until it finds the same table row class again.</p>
  
  <p>If you hover over a row it changes to gray which is what i expected.</p>
  
  <p>The only stuff that doesn't work is when you click on the table row, i want the table row background color to be same as the hover (gray). the color should disappear when you click back and collapse the row.</p>
  
  <p>I tried to add a toggle class as seen below.</p>
  
  <pre><code>$('.my-class').click(function(){
  
      $(this).nextUntil('tr.my-class').slideToggle(100);
      $(this).toggleClass("tr.my-class.negative.clicked");
  });
  </code></pre>
  
  <p>But I am not sure if that is the right approach.
  Here is my jsfiddle:
  <a href="http://jsfiddle.net/DhdRG/3/" rel="nofollow">http://jsfiddle.net/DhdRG/3/</a></p>