Abrir side menu com um slide lateral

[Julio Cavallari 3]

Tenho um side menu no meu código e gostaria de abrir dando um slide da lateral da página para o centro.

Mas estou tendo um pouco de dificuldade com isso. Estou atualmente usando o jquery.touchSwipe. O problema é que clicando no ícone do menu, ele se abre, mas a função pra detectar o slide e abrir não está funcionando.

Função para abrir clicando

$('[data-toggle="offcanvas"]').click(function () {
        $('#wrapper').toggleClass('toggled');
  });

Função para abrir deslizando o dedo

$(".swipe-area").swipe({
    swipeStatus:function(event, phase, direction, distance, duration, fingers)
        {
            if (phase=="move" && direction =="right") {
                 $('#wrapper').addClass('toggled');
                 return false;
            }
            if (phase=="move" && direction =="left") {
                 $("#wrapper").removeClass("toggled");
                 return false;
            }
        }
});

Quando deslizo o dedo o JS não está adicionando a classe "toggled" no wrapper