сделал js search

assets/js/main.js

@@ -152,9 +152,22 @@ btnOpenMenu.onclick = function () {
         newHeigh = content.offsetHeight + 'px';
 
     phoneMenu.classList.add('active');
+    // block.classList.add('active');
     block.style.height = newHeigh;
 }
 
+let closeMainMenu = document.querySelector('.phone-menu-content__close.main');
+
+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 => {
@@ -165,8 +178,43 @@ nextPhoneMenu.forEach(next => {
         blockSub.classList.add('active');
     }
 })
-// phone menu
 
+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');
+    }
+})
+// phone menu end
+
+// search
+let openBtnSearch = document.querySelector('.header-menu-search__open'),
+    blockSearchPc = document.querySelector('.header-menu__search');
+
+openBtnSearch.onclick = function () {
+    blockSearchPc.classList.toggle('active');
+}
+
+let btnOpenSearchPhone = document.querySelector('.phone__open-search'),
+    searchPhone = document.querySelector('.phone-search');
+
+btnOpenSearchPhone.onclick = function () {
+    if (!searchPhone.classList.contains('hidden')) {
+        setTimeout(() => {
+            searchPhone.classList.add('hidden');
+        }, 300);
+    }else{
+        searchPhone.classList.remove('hidden');
+    }
+
+    btnOpenSearchPhone.classList.toggle('active');
+    searchPhone.classList.toggle('active');
+}
+
+// search end
 
 // resize
 window.addEventListener('resize', () => {