|
|
|
|
@ -27,3 +27,39 @@ toggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu'); |
|
|
|
|
// lang start
|
|
|
|
|
toggleOpenX('.lang__open','.lang__content','.lang__list'); |
|
|
|
|
// lang end
|
|
|
|
|
|
|
|
|
|
// toggle
|
|
|
|
|
|
|
|
|
|
let toggles = document.querySelectorAll('.toggle'); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
function open(mainElement, buttonElement ,widthElement, contentElement, close) { |
|
|
|
|
let elements = document.querySelectorAll(mainElement); |
|
|
|
|
|
|
|
|
|
elements.forEach(e => { |
|
|
|
|
let thisMainElement = e, |
|
|
|
|
thisButtonElement = e.querySelector(buttonElement), |
|
|
|
|
thisWidthElement = e.querySelector(widthElement), |
|
|
|
|
thisContentElement = e.querySelector(contentElement); |
|
|
|
|
|
|
|
|
|
if (close == true) { |
|
|
|
|
console.log(1); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
thisButtonElement.onclick = function (e) { |
|
|
|
|
let width = thisWidthElement.clientHeight; |
|
|
|
|
|
|
|
|
|
if (!thisMainElement.classList.contains('active')) { |
|
|
|
|
thisContentElement.style.height = `${width}px`; |
|
|
|
|
thisMainElement.classList.add('active'); |
|
|
|
|
}else{ |
|
|
|
|
thisContentElement.style.height = null; |
|
|
|
|
thisMainElement.classList.remove('active'); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
}); |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
open('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true); |
Kirill Pet
10 months ago
