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');
});