jQuery swipeleft and swiperight
<p>So I have a little slider box that you can slick the forward and back arrows to scroll through the content. But I wanted to add swipe functionality to it, and this is my first time messing with any of the swipe stuff so im a bit lost, below is the code I was playing with;</p>

<pre><code>//script for sliders

var currentlyAnimating = false;

$('.box-left').click(slideleft);
$( ".r-wide-box" ).on( "swipeleft", slideleft);

$('.box-right, .phone-next-serv').click(slideright);
$( ".r-wide-box" ).on( "swiperight", slideright);

  function slideleft ( ){
     var width = $(".wide-box &gt; .row-fluid-wrapper").width();
    if (currentlyAnimating) {
        return;
    }

    currentlyAnimating = true;
    $('.wide-box &gt; .row-fluid-wrapper:last').prependTo('.wide-box');
    $('.wide-box').css('left', -width);

    $('.wide-box').animate({
        left: '0px'
    }, 500, 'linear', function() {
        $('.wide-box').css('left', '0px');

        currentlyAnimating = false;
    });

  }


  function slideright ( ){
    var width = $(".wide-box &gt; .row-fluid-wrapper").width();
    if (currentlyAnimating) {
        return;
    }

    currentlyAnimating = true;

    $('.wide-box').animate({
        left: -width
    }, 500, 'linear', function() {
        $('.wide-box').css('left', '0px');
        $('.wide-box &gt; .row-fluid-wrapper:first').appendTo('.wide-box');
        currentlyAnimating = false;
    });


};
</code></pre>