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

сделал pc меню

Browse Source
This commit is contained in:
Kirill Pet
2024-12-20 16:14:21 +03:00
parent 3df5fbf291
commit 81faffc0a1
3 changed files with 172 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
assets/js/main.js
View File

@@ -284,6 +284,53 @@ phoneInputs.forEach(phoneInput => {
});
})
// pc menu
let blocksMenu = document.querySelectorAll('.header-menu-list-next__block');
blocksMenu.forEach(block =>{
let button = block.querySelector('.header-menu-list__next'),
content = block.querySelector('.header-menu-list-next__content');
button.onclick = function () {
content.classList.add('active');
}
let nextButtons = block.querySelectorAll('.header-menu-list-next-content__item');
nextButtons.forEach(button => {
let className = button.dataset.menu;
if (typeof className == 'undefined') return;
button.onclick = function () {
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-next.active').classList.toggle('active');
}
button.classList.toggle('active');
document.querySelector(`.header-menu-list-next__content-next.${className}`).classList.toggle('active');
}
})
content.addEventListener('mouseout', function (event) {
if (event.relatedTarget.offsetParent.classList.contains('header-menu-list-next__content-next')) return;
if (event.relatedTarget.offsetParent != content) {
content.classList.remove('active');
content.querySelectorAll('.header-menu-list-next__content-next.active').forEach(next => {
next.classList.remove('active');
})
block.querySelector('.header-menu-list-next-content__item.active').classList.remove('active');
content.removeEventListener("mouseout", handleMouseDown, false);
}
})
})
// resize
window.addEventListener('resize', () => {