title: How to make slideDown animation on a hidden row of table that needs to be shown?
body: <p>I know that the animation is not possible on direct rows of a table besides <code>show</code>,<code>hide</code> and <code>fade</code>, but this is actually possible if you wrap the cell of the table inside a <code>div</code> with a <code>display:block</code>. </p>
  
  <p>my issue is that it's working great on <code>slideUp</code> and not working on <code>slideDown</code> for the exact same example with the exact same logic.</p>
  
  <p>the logic is pretty simple: </p>
  
  <ol>
  <li>add div to wrap the table cell</li>
  <li>apply the animation on the div</li>
  <li>hide/show the row of the table</li>
  </ol>
  
  <p>my code is to have somethin like: <a href="http://jsfiddle.net/acun2twk/58/" rel="nofollow">JSfiddle</a></p>
  
  <p>Is there anything wrong with my logic/Code ? Thanks!</p>