Jquery ui 如何克服jQuery hide（）和jQuery UI hide（）之间的差异

我正在写一个非常简单的幻灯片，我使用“常规”隐藏（）如下：

这不仅隐藏了李，而且还缓慢地将其他李移动到位置，这很好

但是，现在我想使用更好的效果，并将其更改为：

jQuery("#featured li:nth-child(1)").hide('slide', 'slow');

这使李从视野中滑出，效果很好，但现在剩下的李不再使用它移动到位，但他们“等待”直到效果完成，然后突然“跳”到位

---

如何修复此问题？

您可以使用以下不同效果：

$("#featured li:nth-child(1)").hide('fold','slow');

我认为这取决于你的布局，因为幻灯片是从右到左的，所以如果你有另一个元素在它下面，它就会“弹出”进来

---

看看小提琴

“fold”也叫“pops”。事实上，我尝试了所有的效果，除了jQuery本身（不是ui）附带的默认效果之外，它们都是“pop”。我觉得奇怪的是，这两个项目的工作方式不同。你能在jsfiddle.net上做点修改吗？好的：代码有点模糊，因为我从我的项目中复制/粘贴了代码，然后不得不复制它以显示差异。但正如您所看到的，蓝色框“滑动”，而红色框“弹出”。我认为区别在于“正常”隐藏（）将元素的宽度和高度减少为0（因此其他元素可以“滑动”），而UI隐藏（）将它们保持不变，直到动画结束（因此其他元素“弹出”）。虽然到目前为止还没有找到解决方案）啊，你在这里给我一个想法。对我来说，另一个李的行动并不重要。它可以是在效果期间或效果之后；只要它不“弹出”，我就可以在第一个li后面放置一个透明的div或span，并在效果之后隐藏（）。我会试试看这是否有效。

$("#featured li:nth-child(1)").hide('fold','slow');