jQuery 在相邻元素淡出时进行内联 div 转换

Question

我有 8 个或更多 div，它们以 3 行显示，并且是内联 block 。当您单击一个 div 时，它会淡出并且相邻的 div 会移动到它的步调。有没有办法让 div 滑动而不是跳跃？

在这里查看我的 JSfiddle http://jsfiddle.net/xmq2x/

代码在这里:

$( ".box" ).click(function() {
$(this).fadeOut( "slow" );
});

Answer 1

您可以像这样尝试使用 Jquery animate():

$( ".box" ).click(function() {
  $(this).animate({
      opacity : '0',
      width : '0'
  },function(){$(this).hide()});
});

一个例子 http://jsfiddle.net/xmq2x/14/