na stronie używam jQuery tylko do menu mobilnego:
if(jQuery('.gkMainMenu').length > 0) { jQuery('#gkMobileMenu').click(function(e) { e.preventDefault(); if(jQuery('#gk-menu-overlay').length === 0) { var menu_wrap = jQuery('<div id="gk-menu-overlay"> </div><div id="gk-menu-overlay-wrap"><span id="gk-menu-overlay-close">×</span></div>'); jQuery(document.body).append(menu_wrap); jQuery('#gk-menu-overlay-wrap').append(jQuery('.gkMainMenu').clone()); jQuery('#gk-menu-overlay-wrap').click(function(e) { e.stopPropagation(); }); jQuery('#gk-menu-overlay-close').click(function() { jQuery('#gk-menu-overlay').removeClass('gk-active'); jQuery('#gk-menu-overlay-wrap').removeClass('gk-active'); setTimeout(function() { jQuery('#gk-menu-overlay').removeClass('gk-show'); jQuery('#gk-menu-overlay-wrap').removeClass('gk-show'); }, 350); }); jQuery('#gk-menu-overlay').click(function() { jQuery('#gk-menu-overlay-close').trigger('click'); }); jQuery('#gk-menu-overlay-wrap').find('a[href^="#"]').click(function() { jQuery('#gk-menu-overlay-close').trigger('click'); }); } jQuery('#gk-menu-overlay-wrap').css('top', jQuery(window).scrollTop()); jQuery('#gk-menu-overlay').addClass('gk-show'); jQuery('#gk-menu-overlay').css('height', jQuery('body').outerHeight() + jQuery('#gk-menu-overlay-wrap').outerHeight() + "px"); jQuery('#gk-menu-overlay-wrap').addClass('gk-show'); setTimeout(function() { jQuery('#gk-menu-overlay').addClass('gk-active'); jQuery('#gk-menu-overlay-wrap').addClass('gk-active'); }, 50); }); }
Jak zmienić ten kod, by zadziałał dokładnie tak samo w czystym JS?
Próbowałem podmienić jQuery na znaki dolara + generatory online, ale bez efektu...
Dzięki!