使用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

http://jsfiddle.net/zUnHc/怎么样？

Answer 2

这样的事情：

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