如何能够一个接一个地滑动多个元素

时间:2018-03-13 23:12:43

标签: javascript jquery

我有同一个班级的任何div。我选择了它们并迭代它们以向下滑动每个元素。我想向下滑动第一个元素并延迟下一张幻灯片。

它的代码

$(document).ready(function () {
  var num = 0;
  $(".showcourse").each(function (index) {
    $(this).attr("id", "ID" + num);
    num++;
  });
  for (var I = 0; i < $(".showcourse").length; i++) {
    $("#ID" + i).slideDown(2000).delay(2000);
  }
});

1 个答案:

答案 0 :(得分:0)

交换delayslideDown函数的顺序。

$(document).ready(function () {
  var num = 0;
  $(".showcourse").each(function (index) {
    $(this).attr("id", "ID" + num);
    num++;
  });
  for (var i = 0; i < $(".showcourse").length; i++) {
    $("#ID" + i).delay(i * 2000).slideDown(2000);
  }
});

Working fiddle