JQuery按顺序滑入多个div

Question

我有一些像这样的jquery代码：

$( document ).ready(function() {
  //alert('jquery');
  $(".ldiv").hide();
  $(".ldiv").each(function(index, elem) {
    elem.id = "ldiv" + elem;
  });
  $(".ldiv").click(function () {
    //alert(this.innerHTML); //works
  });
  $(".ldiv").slideToggle();

});

这有效：所有div都会滑入。但我想做的是让每一个单独滑入，下一个在上一个完成之后开始。

由于

Answer 1

使用slideToggle()

中提到的complete回调

var index = 0;
$(".ldiv:eq(0)").slideToggle(callback);

function callback() {
    if (index < $(".ldiv").length) {
        index++;
        $(".ldiv:eq(" + index + ")").slideToggle(callback);
    }
}