когда я нажимаю на предыдущий, он пропускает один раздел и переходит в другой

Question

У меня есть 5 разделов в моем слайдере.Когда я нажимаю «Далее», он работает нормально, но когда я нажимаю «предыдущий», он пропускает один слайд и переходит к другому;только первый раз, если я нажму второй раз, он работает нормально.Пример: у меня есть 1, 2, 3, 4, 5 раздел, я нахожусь в 3-м разделе, если я нажимаю предыдущий, он переходит к 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);