基本滑块中的方向冲突

Question

我做了一个非常基本的滑块，“next and previous”按钮工作正常，但是当我在结束转换之前点击时，每个菜单下面的链接都是冲突的我怀疑是因为“setTimeout”，如果你有更好的没有“setTimeout”的方式会很有趣。谢谢

JSFIDDLE

function bar(clickedIndex, depth) {
    if (currentSlider < clickedIndex) {
        $(".next").click();
    } else if (currentSlider > clickedIndex) {
        $(".previous").click();
    } else {
        return;
    }

    // MAYBE THE PROBLEM
    setTimeout(function() {
        bar(clickedIndex, depth + 1);
    }, 2005);
}

$("#foo > li > a").click(function(e) {
    bar($(this).data("index"), 0);
    e.preventDefault();
});