Javascript 在此java脚本动画中，第二次动画无法正常工作

当我第一次点击开始按钮时，它工作正常，但在点击反转按钮后，我再次点击开始按钮“ahh6”首先出现。如何纠正它

var doWork = (function () {
"use strict";

var index = 0,
    boxes = $(".box1, .box2, .box3, .box4, .box5, .box6"),
    cur;

$("#home").click(function () {
    cur = 1;
    doWork(function (el) {
        el.addClass("animated");
    });
});

$("#home2").click(function () {
    cur = -1;
    doWork(function (el) {
        el.removeClass("animated");
    }, true);
});

return function (changer, reverse) {
    var start = function () {
        if ((reverse && index < 0) || (!reverse && index === boxes.length)) {
            return;
        }
        changer(boxes.eq(index));
        index += cur;
        setTimeout(start, 300);
    };
    start();
};

var-doWork=（函数（）{
“严格使用”；
var指数=0，
框=$（“.box1、.box2、.box3、.box4、.box5、.box6”），
cur；
$（“#主页”）。单击（函数（）{
cur=1；
销钉（功能（el）{
el.addClass（“动画”）；
});
});
$（“#home2”）。单击（函数（）{
cur=-1；
销钉（功能（el）{
el.removeClass（“动画”）；
}，对）；
});
返回功能（换碟机，倒档）{
var start=函数（）{
if（（反向和索引<0）| |（！反向和索引===box.length））{
返回；
}
变换器（盒均衡器（索引））；
指数+=cur；
设置超时（开始，300）；
};
start（）；
};

}（））

相反，函数将索引保留在-1

$("#home").click(function () {
    if ( index < 0 ) index = 0;
    cur = 1;
    doWork(function (el) {
        el.addClass("animated");
    });
});

$（“#主页”）。单击（函数（）{
如果（指数<0）指数=0；
cur=1；
销钉（功能（el）{
el.addClass（“动画”）；
});
});

它工作正常，但只是问一下……是的，首先出现了6个……但它仍然很好，因为它最终会进入底部。但我需要按照精确的顺序完美地制作动画。你能纠正这件事吗？谢谢你，凯利，它行得通。