JS third-level foldable menu implementation method,

JS third-level foldable menu implementation method,

This article describes how to implement the JS third-level foldable menu. We will share this with you for your reference. The details are as follows:

. ASPX code:

<% @ Page Language = "C #" AutoEventWireup = "true" CodeFile = "NavigateMenu. aspx. cs" Inherits = "NavigateMenu" %> <! DOCTYPE html PUBLIC "-// W3C // dtd xhtml 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
Js file code:
Function doMenu (obj, strDeep) {var items = obj. parentNode. getElementsByTagName ("ul"); // obtain all the ul sets of object a under your node li. var itmUl; var deeps = strDeep; // strDeep is the level of the current menu if (items. length> 0) {itmUl = items [0]; alert (itmUl);} if (itmUl. className! = "Ex") {cxAll (); // when the current node is disabled, first close all ul sub-menus if (deeps = '2 ') {// to expand a level-3 menu, expand its level-2 parent menu to itmUl. parentNode. parentNode. className = "ex";} itmUl. className = "ex"; // expand the lower menu} else {itmUl. className = "cx" ;}} function statUp () {cxAll (); var ulDom = document. getElementById ("nav"); var items = ulDom. getElementsByTagName ("ul");} function cxAll () {var ulDom = document. getElementById ("nav"); var items = ulDom. getElementsByTagName ("ul"); for (var I = 0; I <items. length; I ++) {items [I]. className = "cx ";}}