当我单击上一页时，它会跳过一个部分并转到另一个部分

Question

我的滑块中有5个部分。当我单击下一步时，它工作正常，但是当我单击上一步时，它会跳过一张幻灯片，转到另一张幻灯片。仅第一次，如果我单击第二次，则效果很好。例如：我有1、2、3、4、5部分，我在第3部分，如果单击prev，它将转到1而不是2。

var slider = document.querySelector('.slider');
var corousel = document.querySelector('.corousel');
var next = document.querySelector('.next');
var prev = document.querySelector('.prev');

var direction=-1;
console.log(direction);

next.addEventListener('click', function () {
    // if (direction === 1) {
    //     slider.prepend(slider.lastElementChild);
    // }
    direction = -1;
    corousel.style.justifyContent = 'flex-start';
    slider.style.transform = 'translate(-20%)';
});
prev.addEventListener('click', function () {
    // if (direction === -1) {
    //     slider.appendChild(slider.firstElementChild);
    // } 
    direction = 1;
    corousel.style.justifyContent = 'flex-end';
    slider.style.transform = 'translate(20%)';
    slider.style.marginRight = "-60px";
});
slider.addEventListener('transitionend', function () {
    if (direction === 1) {
        slider.prepend(slider.lastElementChild);
    } else {
        slider.appendChild(slider.firstElementChild);
    }
    slider.style.transition = 'none';
    slider.style.transform = 'translate(0)';
    setTimeout(() = > {
        slider.style.transition = 'all 0.5s';
    })
}, false);