I have a bootstrap table and actually I want to remove a row. But if I do this, it doesnt look smooth to simply remove it so I thought... hey just use an animated `.hide()`:

```
$('.myTR').hide('slow', function(){
    $(this).remove();
});

```

this actually has the same result. The row gets hide slowly and the next bottom row just pops up. 

Next try was to animate the hight of the row: 

```
$('.myTR').animate({
   height: "0px"
}, 1500 );

```

Doesnt work... Actually it works... but only if I make it bigger... 

Is there a Trick to do that ?

[Here is my fiddle](http://jsfiddle.net/qk816g96/)

In this fiddle you have to click the row to expand it and than you can see the rows of an other table with the glyphicon-trash icon. Clicking on the Icon turn hight into 0px.

**Edit:**

[More try's fiddle](http://jsfiddle.net/qk816g96/2/)

here I tried to give the row a `display` attribute... and I have a reaction but it still looks freaky ^^