title: ReactJS - use slideDown (toggle) on a table row?
body: <p>I have a table in React (JSX), and I want to toggle some of the rows (even multiple) by clicking on a row above them. </p>
  
  <p>It's easy to just disappear them, but how can I do it smoothly (slideDown and slideUp)? </p>
  
  <p>Min-height doesn't seem to be working and I also cannot wrap entire tr into a div since it's in React. Thanks.</p>
  
  <pre><code>  &lt;table&gt;
      &lt;tbody&gt;
        &lt;tr&gt;
          &lt;td&gt;main row - onclick toggle the rows under&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;           
        &lt;tr&gt;
            &lt;td&gt;show only if clicked on the row above (smoothly)&lt;/td&gt;
            &lt;td&gt;&lt;/td&gt;
          &lt;/tr&gt;
        &lt;tr&gt;
          &lt;td&gt;show only if clicked on the first row (smoothly)&lt;/td&gt;
          &lt;td&gt;&lt;/td&gt;
        &lt;/tr&gt;
      &lt;/tbody&gt;
    &lt;/table&gt;
  </code></pre>