jQuery按钮按顺序淡入淡出

Question

我有一堆编号的按钮，我想逐个淡出。我还不确定如何处理这个问题。

var animations = new Array();
// queue all
$(".owl-thumb-item").each(function() {
  animations.push($(this));
});

// start animating
doAnimation(animations.shift());

function doAnimation(image) {
  image.fadeIn("slow", function() {
    // wait until animation is done and recurse if there are more animations
    if (animations.length > 0) doAnimation(animations.shift());
  });
}

https://jsfiddle.net/dng53ekp/

Answer 1

最初需要隐藏所有按钮。使用display: none css属性。

button {
    display: none;
}

您的js工作正常。

UPDATED FIDDLE