diff --git a/assets/js/gp-main.js b/assets/js/gp-main.js index 2f87705..b639d42 100644 --- a/assets/js/gp-main.js +++ b/assets/js/gp-main.js @@ -2,8 +2,8 @@ // header toggleOpenX('.lang', '.lang__open', '.lang__list', '.lang__content', false); -singleToggleOpenX('#pc-menu','.header__menu-block','.header__pc-menu'); -singleToggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu'); +singleToggleOpenX('#pc-menu','.header__menu-block','.header__pc-menu', '.header', 'white'); +singleToggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu', '.header', 'white'); // header // media @@ -249,10 +249,14 @@ function toggleOpenX(mainElement, buttonElement ,heightElement, contentElement, }); } -function singleToggleOpenX(button, content, blockheight) { +function singleToggleOpenX(button, content, blockheight, removeBlock, removeClass) { let thisButton = document.querySelector(button), thisContent = document.querySelector(content), thisBlockheight = document.querySelector(blockheight); + + // if (removeBlock) { + // let thisRemoveBlock = ; + // } thisButton.onclick = function () { let height = thisBlockheight.clientHeight; @@ -260,9 +264,17 @@ function singleToggleOpenX(button, content, blockheight) { if (!thisContent.classList .contains('open')) { thisContent.style.height = `${height}px`; thisContent.classList .add('open'); + + if (removeBlock) { + document.querySelector(removeBlock).classList.remove(removeClass); + } }else{ thisContent.style.height = null; thisContent.classList .remove('open'); + + if (removeBlock) { + document.querySelector(removeBlock).classList.add(removeClass); + } } } }