JoanClaret/Close sidebar navigation by swipe.js

## Close sidebar navigation by swipe.js
var NAV_WITH = 300;
var speed = 200;

var swipeOptions = {
    triggerOnTouchEnd: true,
    swipeStatus: swipeStatus,
    allowPageScroll: "vertical",
    threshold: 100
};

$(function () {
    nav = $("nav");
    nav.swipe(swipeOptions);
});

/**
 * Catch each phase of the swipe.
 * move : we drag the div
 * cancel : we animate back to where we were
 * end : we animate to the next image
 */
function swipeStatus(event, phase, direction, distance) {

    if (phase == "move" && (direction == "left")) {
        var duration = 0;

       scrollNav(distance, duration);

    } else if (phase == "cancel") {
        scrollNav(0, speed);
    } else if (phase == "end") {
           hideNav();
    }
}
function hideNav() {
    scrollNav(NAV_WITH, speed);
}

/**
 * Manually update the position of the nav on drag
 */
function scrollNav(distance, duration) {
    nav.css("transition-duration", (duration / 1000).toFixed(1) + "s");
    //inverse the number we set in the css
    var value = (distance < 0 ? "" : "-") + Math.abs(distance).toString();
    nav.css("transform", "translate(" + value + "px,0)");
}

/**
 * Open it again
 */
$('a').click(function(){
  scrollNav(0, speed);
});