如何点击左箭头返回上一张幻灯片？

Question

<nav id="next-btn">
        <a href="#" >
            <img src="img/right.png" alt="">
        </a>
    </nav>
    <nav id="prev-btn">
        <a href="#" >
            <img src="img/left.png" alt="">
        </a>
    </nav>



 $('#next-btn').on('click', function(e) {
            e.preventDefault();
            if (!isTransitioning) {
                next();
            }
        });

        $('#prev-btn').on('click', function(e) { 
            e.preventDefault();
            if(!isTransitioning){
                prev();
            }
        }); 

我上面的html代码我想要做的是，当我点击左侧图标时，我的滑块应该向后移动，当我点击右侧图标时，它应该转到下一张幻灯片。我也附加了jquery代码我点击下一步它正在工作，但当我点击上一个按钮它不起作用。 https://jsfiddle.net/dnzfrudy/ 我曾尝试过小提琴，但没有附上图片和视频