头部导航JS修改，复制HT

application/views/mobile_first/ch.php

@@ -400,47 +400,47 @@ bottom: 130px;
 </div>
 </nav>
 <script>
-(function () {
+        (function () {
-    const menuEl = document.getElementById("ml-menu");
+            const menuEl = document.getElementById("ml-menu");
-    const mainMenu = document.getElementById("main-menu");
+            const mainMenu = document.getElementById("main-menu");
-    const mainMenuItems = mainMenu.querySelectorAll("a[data-menu-item]");
+            const mainMenuItems = mainMenu.querySelectorAll("a[data-menu-item]");
-    var lastMenuItem = null;
+            var lastMenuItem = null;
-
+
-    mainMenuItems.forEach(item => {
+            mainMenuItems.forEach(item => {
-        item.addEventListener('click', function () {
+                item.addEventListener('click', function () {
-            mainMenu.style.visibility = 'hidden';
+                    mainMenu.style.visibility = 'hidden';
-            const submenuId = this.getAttribute('data-submenu');
+                    const submenuId = this.getAttribute('data-submenu');
-            const submenu = document.getElementById(submenuId);
+                    const submenu = document.getElementById(submenuId);
-            lastMenuItem = submenu;
+                    lastMenuItem = submenu;
-            submenu.style.visibility = 'visible';
+                    submenu.style.visibility = 'visible';
-        });
+                });
-    });
+            });
-
+
-    const backButtonList = document.querySelectorAll("button[data-back-button]");
+            const backButtonList = document.querySelectorAll("button[data-back-button]");
-
+
-    backButtonList.forEach(back => {
+            backButtonList.forEach(back => {
-        back.addEventListener('click', function () {
+                back.addEventListener('click', function () {
-            mainMenu.style.visibility = 'visible';
+                    mainMenu.style.visibility = 'visible';
-            lastMenuItem.style.visibility = 'hidden';
+                    lastMenuItem.style.visibility = 'hidden';
-        });
+                });
-    });
+            });
-
+
-    const openMenuCtrl = document.querySelector(".action--open");
+            const openMenuCtrl = document.querySelector(".action--open");
-    const closeMenuCtrl = document.querySelector(".action--close");
+            const closeMenuCtrl = document.querySelector(".action--close");
-    openMenuCtrl.addEventListener("click", openMenu);
+            openMenuCtrl.addEventListener("click", openMenu);
-    closeMenuCtrl.addEventListener("click", closeMenu);
+            closeMenuCtrl.addEventListener("click", closeMenu);
-    function openMenu() {
+            function openMenu() {
-        menuEl.classList.add("menu--open");
+                menuEl.classList.add("menu--open");
-        openMenuCtrl.style.display = 'none';
+                openMenuCtrl.style.display = 'none';
-        closeMenuCtrl.style.display = 'block';
+                closeMenuCtrl.style.display = 'block';
-    }
+            }
-    function closeMenu() {
+            function closeMenu() {
-        menuEl.classList.remove("menu--open");
+                menuEl.classList.remove("menu--open");
-        openMenuCtrl.style.display = 'block';
+                openMenuCtrl.style.display = 'block';
-        closeMenuCtrl.style.display = 'none';
+                closeMenuCtrl.style.display = 'none';
-    }
+            }
-})();
+        })();
-</script>
+    </script>
 
   <!--@HEAD_1@-->