Cześć,
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!