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

js checkbox

Browse Source
This commit is contained in:
Kirill Pet
2024-10-08 16:08:18 +03:00
parent 6a2375f26b
commit 9c3d0d0be9
1 changed files with 54 additions and 36 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
assets/js/gp-main.js
View File

@@ -1,40 +1,25 @@
'use strict';
function toggleOpenX(button, content, blockheight) {
let thisButton = document.querySelector(button),
thisContent = document.querySelector(content),
thisBlockheight = document.querySelector(blockheight);
// function toggleOpenX(button, content, blockheight) {
// let thisButton = document.querySelector(button),
// thisContent = document.querySelector(content),
// thisBlockheight = document.querySelector(blockheight);
thisButton.onclick = function () {
let height = thisBlockheight.clientHeight;
// thisButton.onclick = function () {
// let height = thisBlockheight.clientHeight;
if (!thisContent.classList .contains('open')) {
thisContent.style.height = `${height}px`;
thisContent.classList .add('open');
}else{
thisContent.style.height = null;
thisContent.classList .remove('open');
}
}
}
// header start
toggleOpenX('#pc-menu','.header__menu-block','.header__pc-menu');
toggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu');
// header end
// lang start
toggleOpenX('.lang__open','.lang__content','.lang__list');
// lang end
// toggle
let toggles = document.querySelectorAll('.toggle');
// if (!thisContent.classList .contains('open')) {
// thisContent.style.height = `${height}px`;
// thisContent.classList .add('open');
// }else{
// thisContent.style.height = null;
// thisContent.classList .remove('open');
// }
// }
// }
function open(mainElement, buttonElement ,widthElement, contentElement, close) {
function toggleOpenX(mainElement, buttonElement ,widthElement, contentElement, close) {
let elements = document.querySelectorAll(mainElement);
elements.forEach(e => {
@@ -43,13 +28,18 @@ function open(mainElement, buttonElement ,widthElement, contentElement, close) {
thisWidthElement = e.querySelector(widthElement),
thisContentElement = e.querySelector(contentElement);
if (close == true) {
console.log(1);
}
thisButtonElement.onclick = function (e) {
let width = thisWidthElement.clientHeight;
if (close == true && !thisMainElement.classList.contains('active')) {
elements.forEach(e => {
if (e.classList.contains('active')) {
e.classList.remove('active');
e.querySelector(contentElement).style.height = null
}
})
}
if (!thisMainElement.classList.contains('active')) {
thisContentElement.style.height = `${width}px`;
thisMainElement.classList.add('active');
@@ -62,4 +52,32 @@ function open(mainElement, buttonElement ,widthElement, contentElement, close) {
});
}
open('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
// header start
// toggleOpenX('#pc-menu','.header__menu-block','.header__pc-menu');
// toggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu');
// header end
// lang start
// toggleOpenX('.lang__open','.lang__content','.lang__list');
// lang end
// toggle
toggleOpenX('.toggle', '.toggle__title', '.toggle__content', '.toggle__block-content', true);
// toggle
// checkbox
let checkbox = document.querySelectorAll('.checkbox');
checkbox.forEach(e => {
e.onclick = function (event) {
let input = e.querySelector('.checkbox__input');
if (!e.classList.contains('active')) {
input.checked = 1;
}else{
input.checked = 0;
}
e.classList.toggle('active');
}
})
// checkbox