找到新的元素位置并移动到那里

Question

我有一个无序列表，显示为向左浮动的块，并使用jQuery根据其类过滤掉不同的列。这具有从列表中出来的框和剩余的框合起来的效果，并且当列表改变时，其他一些消失并且其他出现。这个动作是即时的，我希望它们移动到新的位置，但是你如何获得每个盒子的新位置以便你可以将它移动到那里？他们的位置没有设定值，因此需要动态处理。

如果您需要查看任何演示或代码，请参阅此处的脚本：http://web.enavu.com/tutorials/client-side-filtering-data-with-jquery/，其中包含一些小的CSS jQuery修改。

我的代码：

$(document).ready(function(){
  $('#filters a').click(function(e){
    e.preventDefault();
    var filter = $(this).attr('id');
    $('#content ul li:not(.' + filter + ')').fadeOut('slow').removeClass('visible');
    $('#content ul li.' + filter + '').fadeIn('slow').addClass('visible');
  });
  $('#content ul li').hover(function(){
    $(this).addClass('li_hover');
  },function(){
    $(this).removeClass('li_hover');
  });
});

您可以在http://jsfiddle.net/brewtime/uDtR6/

上的JS Fiddle上查看

感谢任何想法，谢谢。