如何克服jQuery hide()和jQuery UI hide()

Question

我正在编写一个非常简单的幻灯片，我使用的是“常规”hide()，如下所示：

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

这不仅隐藏了li，而且还缓慢地移动了其他li的位置，这是很好的。

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

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

这会使li滑出视线，效果很好，但现在剩下的li不再与其一起移动到适当的位置，但它们会“等待”到效果完成，然后突然“跳”到适当的位置。

我该如何解决这个问题？

Answer 1

您可以使用不同的效果，如下所示：

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

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

看看小提琴http://jsfiddle.net/F8XcW/