Twitterowa tablica bootstrap z animacjami jquery - jquery, html, twitter-bootstrap, twitter-bootstrap-3, html-table

Mam następujący znacznik z twitter bootstrap

<table class="table">
<thead>
<tr>
<th> Example </th>
</tr>
<tbody>
<tr>
<td>
<input type="text" class="form-control" />
</td>
</tr>
</tbody>
</table>

Jak animować wiersz za pomocą jquery slideUp() funkcję, aby go usunąć, zachowując styl twitter bootstrap, biorąc pod uwagę to <tr>naprawdę nie animują dobrze. Jeśli przejdę na divNie mogę użyć table klasa z bootstrapu już.

Odpowiedzi:

Nie jestem pewien, czy całkowicie rozumiem twoje pytanie, ale sprawdź ten przykład. Daj mi znać, jeśli to nie dotyczy twojego pytania.

jQuery

$("#test").click(function(){
$(".table td:first").slideUp();
});

HTML zawarty w przykładowym łączu

http://www.bootply.com/91188

Aktualizacja

1. Ukrywa to wejście, aby nie zostało złapane podczas przesuwania się w górę (zatrzymuje sędziów) http://www.bootply.com/91216

2. To najpierw przesuwa div, a potem, jak tylko to się skończy, przesunie się w górę rzędu. http://www.bootply.com/91214