вы же знаете что такое инспектор кода ?
задержка на изингах делается
li это display:inline-block; у родителя text-align:center; и собственно пункты сами встанут в центр
drop.on('mouseenter', function() {
dropMenuHoverActive = true;
if (dropMenuHoverActive) {
dropMenu.removeClass(active).not( $(this) );
$(this).find(dropMenu).addClass(active);
}
});
drop.on('mouseleave', function() {
if (!menuHoverActive) {
setTimeout(function() {
dropMenu.removeClass(active);
}, 1000)
}
dropMenuHoverActive = false;
});
dropMenu.on('mouseenter', function() {
menuHoverActive = true;
});
dropMenu.on('mouseleave', function() {
menuHoverActive = false;
});let menuHoverActive = false;
let dropMenuHoverActive = false;
let drop = $('.dropdown');
let dropMenu = $('.dropdown-menu');
drop.on('mouseenter', function() {
dropMenu.removeClass(active);
$(this).find(dropMenu).addClass(active);
});
dropMenu.on('mouseenter', function() {
menuHoverActive = true;
});
dropMenu.on('mouseleave', function() {
menuHoverActive = false;
});
drop.on('mouseleave', function() {
if (!menuHoverActive) {
setTimeout(function() {
dropMenu.removeClass(active);
}, 1000)
}
});Но у вас появится вторая проблема, это то, что если попытаться навести на раскрытые пункты, меню закрывается.
ут нужно сделать так, чтобы dropdown-menu было ближе к ссылке меню, чтобы между ними не было разрыва
Не вижу проблемы. Тем не менее это сайт, на котором добрые люди могут помочь, будь-то задание или нет, как мне много раз помогали добрые люди, не ленясь написать пару десятков строк кода )
Вы в чём-то правы, но мне кажется, что в данном случае преувеличиваете.