Elemente mit jQuery ausblenden - andere Elemente an ihren neuen Platz schieben?

Question

Ich habe ein Raster von Elementen in verschiedenen Kategorien und einige Kontrollkästchen, die bestimmte Kategorien deaktivieren können. Momentan verblassen sie und die anderen Elemente "springen" an ihren neuen Platz. Gibt es ein Plugin, um sie irgendwie gleiten zu lassen?

$(document).ready(function() { 
$('#hidefoo').click(function() { 
    $('.foo').fadeToggle("fast"); 
}); 
}); 

<div class="griditem foo"></div> 
<div class="griditem bar"></div> 
<div class="griditem foo"></div> 
<div class="griditem bar"></div> 

Answer 1

Etwas wie folgt aus:

$('.foo').animate({height:0}); 

Answer 2

Wie ist das http://jsfiddle.net/zUnHc/?