try { document.getElementById("navId" + nav).className = "nav_item active"; } catch (e) {} $(function () { $(".nav_menu").click(function () { $(".nav").animate({ 'left': '0' }, 400); $(".nav_mask").animate({ 'left': '60%' }, 400); }); $(".nav_mask").click(function () { $(this).animate({ 'left': '-100%' }, 400); $(".nav").animate({ 'left': '-100%' }, 400); $(".nav_ul").animate({ 'left': '0' }, 400); $('.nav_item_open').css('left', '46%'); }); $(".nav_item i").click(function () { $(".nav_ul").animate({ 'left': '-100%' }, 400); $(this).next('.nav_item_open').css('left', '0'); }); $(".subopen").click(function () { $(this).parent('.nav_item_open').css('left', '-50%'); $(".nav_ul").animate({ 'left': '0' }, 400); }); });