title: jQuery .toggle() not working with TRs in IE
body: <p>I am using jQuery's toggle() to show/hide table rows. It works fine in FireFox but does not work in IE 8.</p>
  
  <p><code>.show()</code>/<code>.hide()</code> work fine though.</p>
  
  <p><a href="https://stackoverflow.com/questions/903576/colums-resize-when-using-jquery-uis-toggle-in-ie">slideToggle()</a> does not work in IE either - it shows for a split second then disappears again. Works fine in FireFox.</p>
  
  <p>My HTML looks similar to this</p>
  
  <pre><code>&lt;a id="readOnlyRowsToggle"&gt;Click&lt;/a&gt;  
  &lt;table&gt;  
    &lt;tr&gt;&lt;td&gt;row&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr&gt;&lt;td&gt;row&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr class="readOnlyRow"&gt;&lt;td&gt;row&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr class="readOnlyRow"&gt;&lt;td&gt;row&lt;/td&gt;&lt;/tr&gt;  
    &lt;tr class="readOnlyRow"&gt;&lt;td&gt;row&lt;/td&gt;&lt;/tr&gt;  
  &lt;/table&gt;
  </code></pre>
  
  <p>JavaScript</p>
  
  <pre><code>$(document).ready(function() {  
      $(".readOnlyRow").hide();  
      $("#readOnlyRowsToggle").click(function() {  
          $(".readOnlyRow").toggle();  
      });  
  });  
  </code></pre>