Jquery ui 在div float移动时平滑过渡，jquery ui

假设我有一个div网格，由重复的一个

display:inline

div引起，并将其设置为

float:left

right

[1][2][3]

4][5][6]

[7][8][9]

现在，假设我使用jquery

.hide（）删除其中一个
他们都快跑过去，代替左边的浮动潜水艇。尤其是在更改行的情况下，如3已消失，并且[4]和[7]被提升到更高的行

那么，如何将某种动画效果应用于此更改？这将是很好的，如果它可以只是动画他们在一条直线上，或如果它淡出在一个位置和淡入另一个

PS我的实际应用程序并没有删除div，而是将其调整为更高，从而将div移到右侧和下方

救命啊

谢谢：：]

检查一下这把小提琴，我把你要求的效果链接起来了。当某些div丢失时，我会设置过渡动画，使div不只是“冲入”，而是在500毫秒以上“放松”

jQuery('#header ul li:nth-child(2)').click(function(event){
  event.preventDefault();   
  jQuery('div.piece').css("border","solid 1px black");
  jQuery('div.piece:not(.photo)').css("border","none");
  jQuery('div.piece:not(.photo)').animate({ width: -2 }, 
    { duration: 500, queue: false });
  jQuery('div.photo').animate({ width: 98 }, 
    { duration: 500, queue: false });
});

希望这有帮助
 你还在寻找答案吗？因为我有一个：）