当相邻元素淡出时，jQuery使内联div转换

Question

我有8个或更多的div显示为3行，并且是内联块。当你点击一个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/