结合jQuery UI的盲和滑动动画方法

Question

简单地说，我想在 jQuery 中同时在同一个元素上使用滑动和盲效果 - 结合效果使其看起来好像元素在它的包含元素后面滑动（这就是幻灯片所做的) 但同时也会减小实际宽度，以便相邻元素随之移动。

在你说“但有一个插件！”之前，肯定有一些，但它们都有自己的怪癖，似乎让它们对我想做的事情毫无用处。

我听说我可能不得不深入研究 jQuery 代码并自己将这些效果放在一起，因为它们默认内置了一个队列方法。也许有人知道更好（或者如果我想下去我应该从哪里开始那条路？）

干杯， 约翰。

更新，看看你自己：http://jsfiddle.net/johnrobert/xKvF8/

Answer 1

不确定这是不是你想要的......

http://jsfiddle.net/xKvF8/3/

我在这里使用了dequeue() 让它们同时动画

$(".featured:first").hide("slide", { direction: "left" }, 3000)
    .hide("blind", { direction: "horizontal" }, 3000)
    .dequeue();