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

使用 complete 中提到的回调 slideToggle()

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

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