У меня есть веб-сайт WordPress, в котором у нас есть мобильное навигационное меню. Его скорость закрытия немного медленная, и мне это нравится, но его открытие очень быстрое по сравнению с закрытием. Я хочу сделать это медленно, но я не могу это сделать.
Дайте мне знать, если у кого-то есть идеи по этому поводу.
jQuery(".menu-toggle,#shadow-overlay").click(function() {
let navbar = jQuery('#navbarCollapse');
if (navbar.hasClass('is-showing')) {
jQuery('.navbar-toggler').removeClass('close-menu');
jQuery('#shadow-overlay').fadeOut(300);
navbar.animate({
'left': '-110vw'
}, 500);
navbar.removeClass('is-showing');
} else {
jQuery('.navbar-toggler').addClass('close-menu');
navbar.animate({
'left': '0'
}, 500);
navbar.addClass('is-showing');
jQuery('.is-showing').fadeIn(1000);
jQuery('#shadow-overlay').fadeIn(700);
}
});
let distFromTop = jQuery('#horz-scroll-bar').offset().top + 50;
jQuery(window).on('scroll', function() {
if (window.pageYOffset > distFromTop) {
if (!jQuery('#horz-scroll-bar').hasClass('fixed-at-top')) {
jQuery('#horz-scroll-bar').addClass('fixed-at-top');
}
}
if (window.pageYOffset <= distFromTop) {
jQuery('#horz-scroll-bar').removeClass('fixed-at-top');
}
});
jQuery('.menu-item-has-children').each(function() {
jQuery(this).children('a').first().on('click', function(e) {
e.preventDefault();
if (jQuery(window).width() < 992) {
jQuery(this).siblings('.sub-menu').toggle();
}
});
});