toggle js

assets/js/gp-main.js

@@ -26,4 +26,40 @@ toggleOpenX('#phone-menu','.header__menu-block','.header__phone-menu');
 
 // lang start
 toggleOpenX('.lang__open','.lang__content','.lang__list');
-// lang end
+// 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);