title: Make an animation for collapsing <tr> with Bootstrap
body: <p>So, I have a bootstrap table:</p>
  
  <pre><code>&lt;table class="table"&gt;
     &lt;tr class="content-row" id="content_1"&gt;
       &lt;td&gt;&lt;a id="more_1" class="more" role="button" data-toggle="collapse" href="#additional_row1" aria-expanded="false" aria-controls="collapseExample"&gt;More&lt;/a&gt;
       &lt;/td&gt;
     &lt;/tr&gt;
     &lt;tr class="collapse additional-row" id="additional_row1"&gt;
       &lt;td class="additional-row-td"&gt;Content&lt;/td&gt;
     &lt;/tr&gt;
   &lt;/table&gt;
  </code></pre>
  
  <p>When I collapse the row, it just appears below the row, where the 'More' link is. But I need the animation to be present. I also tried to add transition to css rule, but it seems it doesn't have any effect. Is there any way to make collapsing with animation?</p>