2012-04-14 36 views
0

我有不同類別的物品網格,以及一些可以禁用某些類別的複選框。現在他們淡出,然後其他元素「跳」到他們的新地方。有沒有讓他們滑動的插件?隱藏jQuery元素 - 讓其他元素滑動到新的位置?

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

回答

1

這是怎麼回事http://jsfiddle.net/zUnHc/

+0

這是我想要的,但看看這個叉:http://jsfiddle.net/wquZS/。綠色和紅色的仍然跳到他們的新地方,而不是滑動。 – HankSmackHood 2012-04-14 09:57:51

+1

如果您只需要垂直滑動,則SlideToggle很好。但是如果你想水平滑動,那麼你需要使用.animate(),就像我的答案一樣。 – demoncodemonkey 2012-04-14 13:52:56

+1

@JCBK同位素僅適用於你:http://isotope.metafizzy.co/。 Stack Exchange也使用它! http://stackexchange.com/sites# – Ghokun 2012-04-16 16:05:05