jQuery를 사용하여 요소 숨기기 - 다른 요소를 새 위치로 밀어 넣으시겠습니까?

Question

다른 범주의 항목 그리드와 특정 카테고리를 비활성화 할 수있는 체크 박스가 있습니다. 지금 그들은 사라져 버리고 다른 요소들은 그들의 새로운 장소로 "점프"합니다. 어떻게 든 미끄러지게하는 플러그인이 있습니까? 이 같은

$(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

뭔가 :

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

Answer 2

어떻게 http://jsfiddle.net/zUnHc/을 것입니다?