title: How to add a new Row in a table with animation using jQuery?
body: <p>This is what i am doing to add new Row in table:-  </p>
  
  <pre><code>function expandAll(){
          $('#myTableID&gt;tbody&gt;tr&gt;td:nth-child(2)&gt;div:nth-child(2)').each ( function() {
              html = $(this).html();
  // Is it possible to add this Row with animation
              $(this).parent().parent().after( "&lt;tr&gt;&lt;td colspan='2'&gt;&amp;nbsp;&lt;/td&gt;&lt;td colspan='15'&gt;" + html + "&lt;/td&gt;&lt;/tr&gt;" ).slideDown('slow');          
          } );
      }
  </code></pre>
  
  <p>I am able to add new Row, but there is no effect of using <strong>slideDown</strong> . </p>