Good-Production/template-for-verstka
13
2
Fork 0
Code Pull Requests Releases Wiki Activity

сделал открытие меню при наведении

Browse Source
This commit is contained in:
Kirill Pet
2024-12-21 16:24:40 +03:00
parent ae087de19f
commit 9422a0c347
1 changed files with 7 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
assets/js/main.js
View File

@@ -322,9 +322,12 @@ blocksMenu.forEach(block =>{
let button = block.querySelector('.header-menu-list__next'), let button = block.querySelector('.header-menu-list__next'),
content = block.querySelector('.header-menu-list-next__content'); content = block.querySelector('.header-menu-list-next__content');
button.onclick = function () { button.addEventListener('mouseover', function (event) {
content.classList.add('active'); if (document.querySelector('.header-menu-list-next__content.active')) {
document.querySelector('.header-menu-list-next__content.active').classList.remove('active');
} }
content.classList.add('active');
})
let nextButtons = block.querySelectorAll('.header-menu-list-next-content__item'); let nextButtons = block.querySelectorAll('.header-menu-list-next-content__item');
@@ -333,7 +336,7 @@ blocksMenu.forEach(block =>{
if (typeof className == 'undefined') return; if (typeof className == 'undefined') return;
button.onclick = function () { button.addEventListener('mouseover', function (event) {
if (block.querySelector('.header-menu-list-next-content__item.active')) { if (block.querySelector('.header-menu-list-next-content__item.active')) {
block.querySelector('.header-menu-list-next-content__item.active').classList.toggle('active'); block.querySelector('.header-menu-list-next-content__item.active').classList.toggle('active');
block.querySelector('.header-menu-list-next__content-next.active').classList.toggle('active'); block.querySelector('.header-menu-list-next__content-next.active').classList.toggle('active');
@@ -342,8 +345,7 @@ blocksMenu.forEach(block =>{
button.classList.toggle('active'); button.classList.toggle('active');
document.querySelector(`.header-menu-list-next__content-next.${className}`).classList.toggle('active'); document.querySelector(`.header-menu-list-next__content-next.${className}`).classList.toggle('active');
})
}
}) })
content.addEventListener('mouseout', function (event) { content.addEventListener('mouseout', function (event) {