title: Toggle inline style background-color
body: <p>I'm trying to toggle on/off the inline background color of some table cells. The HTML table is dynamically created so I may not add any class. It has its own CSS but some TDs have also inline style. I would like to toggle these inline styles on/off so that users may choose between the CSS styles or the inline styles. Cells may have different inline background colors.</p>
  
  <p>I can select the TDs that have the inline style like this:</p>
  
  <pre><code>$('.tbl_container td[style*="background-color"]');
  </code></pre>
  
  <p>But if I try something like this it removes the inline background but it doesn't restore it:</p>
  
  <pre><code>$('.tbl_container td[style*="background-color"]').toggle(function(){
      $(this).css('background-color', '');
  });
  </code></pre>
  
  <p>I guess I have to use <code>hide()</code> but I don't know how.</p>