jquery - jQuery 为每个元素设置延迟动画，并在开始时延迟

Question

我有一系列正在制作动画的 div。以下 jquery 可以很好地执行此操作：

function animatePanels() {
    $panels = $('.panel');
    $panels.each(function (i) {
        $(this).delay(5000 * i).animate({ left: '-300' }, 200);
    });
}

animatePanels();

但是，我想延迟动画的第一次迭代，以便页面加载，它等待 5000 毫秒然后第一个动画发生，然后 5000 毫秒延迟然后下一个等。目前第一个动画立即触发。我不完全确定这是为什么，因为我认为延迟会在动画之前被调用？

我试过这个：

setTimeout(animatePanels(), 5000);

但它没有任何影响。

谁能让我直截了当？

谢谢各位！