Javascript 层叠动画

我想给一组元素提供相同的动画，但是每个元素都会逐渐延迟，这样动画就会产生一种“波浪”

我胡乱摆弄它

基本上，每个元素都会延迟50毫秒，做一件事，等待300毫秒，然后撤销它

这似乎根本不起作用。它什么也不做。如果删除

.delay（300）.show（）

，所有元素都会立即消失

---

我怎样才能做到这一点？提前感谢！：）

我在这里解决了你的问题

由于

delay

可用于

fx队列

，因此必须为delay传入一个整数，否则将立即执行hide和show方法。使它看起来好像什么都没有发生。我向每个隐藏和显示调用传递了

0

，以解决该问题

$(this).delay(50 * index).hide(0).delay(300).show(0);

根据“提供持续时间后，

.hide（）

将成为一种动画方法。”显然，这意味着如果不提供持续时间，隐藏不会在动画队列中完成，因此无法使用

.delay（）

因此，请尝试在

.hide（）

和

.show（）

中添加一个较短的持续时间：

---

更新的演示：

哇，这太愚蠢了：）非常感谢您的回答！我第一个反应是跛脚。给我答案！；）隐藏和显示对于隐藏不在

fx队列中的元素非常有用，因此不必在css中编写
display:none
，您可以执行$（el）.hide（）；实际上，我最初想使用插件方法，而不是
hide（）
和
show（）
。。。现在我知道问题出在哪里了，我该如何将这些转化为“动画方法”？首先，我要精确地将链接添加到文档并引用相关位所花费的秒数…
http://api.jquery.com/animate/
使用（某些）css属性，可以为元素设置动画。
$(this).delay(50 * index).hide(1).delay(300).show(1);