jQuery项目的无限循环未按顺序显示和隐藏

Question

我有一个循环遍历8个项目的each函数。假设要做的是使第一个项目1变得不透明，一旦完成，就开始下一个项目，依此类推。一旦到达最后，它应该再次开始去除不透明性并无限循环。< / p>

function test() {
     jQuery('#meettheteam2 .teamgrid-1 .team-member').each(function(i) {
        jQuery(this).delay(500*(i+1)).fadeTo( "slow", 1 );
        jQuery(this).delay(4000*(i+1)).fadeTo( "slow", 0 );
     }).promise().done(test);
}
test();

循环正常工作，并且显示的第一个迭代也正常工作，但我似乎无法弄清楚如何使循环保持一致。