jQuery使用延迟动画每个元素，并在开始时延迟

Question

我有一系列div，我正在制作动画。以下jquery在执行此操作时效果很好：

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

animatePanels();

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

我试过这个：

setTimeout(animatePanels(), 5000);

但它没有任何影响。

有人能让我直截了当吗？

谢谢大家！