jQuery一个接一个地用CSS淡出

Question

我正在尝试让一个div的集合一个接一个地淡入淡出，但是在添加这个类的问题是“可见的”。

jsfiddle - http://jsfiddle.net/jackmichael/6mb765wx/3/

$(document).ready(function () {

    $('.card').each(function (i) {
         setTimeout(function () {
            $('.card').eq(i).addclass('is-visible');
         }, 300 * i);
    });

});