在这个java脚本动画中，第二次动画不能正常工作

Question

http://jsfiddle.net/WPjvF/

当我第一次点击启动按钮时，它正确工作，但在点击反向按钮后，我再次点击启动按钮"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();
};

}（））；

Answer 1

http://jsfiddle.net/WPjvF/1/

您的反向函数使索引为-1。

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