使用jquery顺序淡入淡出

Question

我想div逐个淡出

http://jsfiddle.net/uz2rm8jy/2/

<div id="w">

<div class="one"></div>

    <div class="two"></div>

    <div class="three"></div>


</div>

$(function() {
$('#w').each(function(i) {
$(this).delay((i++) * 500).fadeTo(1000, 1); });
});

不确定为什么这对我的情况不起作用，我的褪色做得对吗？或者我应该尝试使用css（）？

Answer 1

您opacity: 0;的{​​{1}} div需要fadeTo。

JSFiddle

Answer 2

您将错误的值传递给fadeTo。如果您想淡化元素OUT，请记住1是完全不透明/可见的，而0是透明/不可见的。如果您将该参数更改为0，则该参数可以正常工作

$(this).delay((i++) * 500).fadeTo(1000, 0); })

Fiddle Demo