создал addClosePhoneMenu для создания кнопки в меню для телефона
This commit is contained in:
@@ -142,7 +142,7 @@
|
||||
.phone-menu__sub.open{
|
||||
left: 0;
|
||||
}
|
||||
.phone-menu__sub li:nth-child(2) a{
|
||||
.phone-menu__sub > li:nth-child(2) a{
|
||||
font-weight: 700;
|
||||
font-size: 32px;
|
||||
}
|
||||
|
||||
@@ -163,6 +163,9 @@ function howPhone() {
|
||||
// how end
|
||||
|
||||
// phone menu
|
||||
addClosePhoneMenu('.phone-menu__content');
|
||||
addClosePhoneMenu('.phone-menu__sub');
|
||||
|
||||
let btnOpenMenu = document.querySelector('.button-menu__open');
|
||||
btnOpenMenu.onclick = function () {
|
||||
let block = document.querySelector('.phone-menu'),
|
||||
@@ -201,39 +204,17 @@ phoneList.forEach(list => {
|
||||
})
|
||||
})
|
||||
|
||||
function addClosePhoneMenu(classAdd) {
|
||||
document.querySelectorAll(classAdd).forEach(element => {
|
||||
let button = document.createElement('button');
|
||||
button.className = "phone-menu-content__close";
|
||||
|
||||
// let closeMainMenu = document.querySelector('.phone-menu-content__close.main');
|
||||
let referenceElement = element.firstElementChild;
|
||||
|
||||
// closeMainMenu.onclick = function () {
|
||||
// let phoneMenu = document.querySelector('.phone-menu'),
|
||||
// block = document.querySelector('.phone-menu__block-content.main'),
|
||||
// content = document.querySelector('.phone-menu__content.main');
|
||||
|
||||
// phoneMenu.classList.remove('active');
|
||||
// block.style.height = 0;
|
||||
// }
|
||||
|
||||
|
||||
// let nextPhoneMenu = document.querySelectorAll('.phone-menu--next');
|
||||
|
||||
// nextPhoneMenu.forEach(next => {
|
||||
// next.onclick = function () {
|
||||
// let subName = next.dataset.menu,
|
||||
// blockSub = document.querySelector(`.phone-menu__sub.${subName}`);
|
||||
|
||||
// blockSub.classList.add('active');
|
||||
// }
|
||||
// })
|
||||
|
||||
// let subPhone = document.querySelectorAll('.phone-menu__sub');
|
||||
|
||||
// subPhone.forEach(menu => {
|
||||
// let close = menu.querySelector('.phone-menu-content__close');
|
||||
|
||||
// close.onclick = function () {
|
||||
// menu.classList.remove('active');
|
||||
// }
|
||||
// })
|
||||
console.log(element.insertBefore(button, referenceElement));
|
||||
})
|
||||
|
||||
}
|
||||
// phone menu end
|
||||
|
||||
// search
|
||||
|
||||
Reference in New Issue
Block a user