当对象在 jQuery 中隐藏时，周围的元素会捕捉到新位置。我怎样才能让它们动画到新的位置？

Question

我有一份清单，其中有 20 项。每个都是 3 列的框，类似于网格格式。

网格上方是允许您显示和隐藏列表中不同项目的选项，具体取决于您要查找的内容。

当用户隐藏特定列表项时，它们会淡出，所有其他项目都会捕捉到新位置。

平滑的淡入淡出效果之后，捕捉动作看起来不太好。它们是使元素滑入新位置的一种方法吗？

谢谢。

Answer 1

你应该看看 jQuerys 动画函数 这个例子应该几乎可以做你想要的

 $('#clickme').click(function() {
  $('#book').animate({
    opacity: 0,
    height: 'toggle'
  }, 5000);
});

Answer 2

对隐藏元素的不透明度和高度进行动画处理。和