[SOLUCIONADO] Problema con fadeToggle

[Xetori]

Buenas, tengo el siguiente problema,
he creado un menu hamburguesa con efecto fadeToggle, le añadi la opcion de que al hacer click en el icono, se aplique una mascara para oscurecer el contenido y se quitara el scroll de la pagina, asi queda el menu fijo. funciona bien al desplegar el menu, el problema es que no he consigo revertir los efectos al recoger el menu.
El codigo lo tengo asi actualmente, pero le falta el poder deshacer los efectos .modal y body al hacer click de nuevo, probe con el evento .stop() y cambiando el fadeToogle por fadeDown y FadeOut pero nada.
Gracias.

$(document).ready(function(){
var touch = $('#touch-menu');
var menu = $('nav');

$(touch).on('click', function(e) {
e.preventDefault();
menu.slideToggle();
$(".modal").fadeIn();
$('body').css('overflow', 'hidden');
});

[AngelKrak]

puedes hacerlo mediante clicks ;)
https://codepen.io/anon/pen/ENeBNZ

Inicias la variable apagada

Código Javascript:

var click = false;
 

y despues haces una condicion de si la variable esta apagada ejecute X Codigo y la Active, y al volver a hacer click que verifique si esta prendida para apagarla y ponerle otro codigo a ejecutar ;)

Código Javascript:

if (click == false) {
      click = true;
    e.preventDefault();
    menu.slideToggle();
    $(".modal").fadeTo(500, 1);
    $('body').css('overflow', 'hidden');
    } else {
      click = false;
      menu.slideToggle();
      $(".modal").fadeTo(500, 0);
    $('body').css('overflow', 'auto');
    }
 

[Xetori]

Perfecto, no habia caido en la condicional. muchas gracias.
Un saludo...