jQuery(document).ready(function(){ jQuery("#open-menu-header").click(function(){ console.log("Open menu!"); jQuery("#full-width-menu").animate({width: '100%', left: '0%'}, 400); jQuery("#image-menu-desktop").animate({left: '10%'}, 400); jQuery("#span-with-menu").animate({width: '50%'}, 900); jQuery('body').css('overflow', 'hidden'); jQuery('#menu-desktop-right').animate({opacity: 1,}, 1000); }); jQuery("#close-menu-header").click(function(){ jQuery('#menu-desktop-right').animate({opacity: 0,}, 200); jQuery("#full-width-menu").animate({width: '0%', left: '100%'}, 400); jQuery("#span-with-menu").animate({width: '0%'},900); jQuery('body').css('overflow', ''); }); });