一个非常简单的菜单栏折叠控制方法

最近需要把一个菜单栏的显示由上下排列改成分级折叠排列。之前做过用mootools控制的，但这是对之前的项目做的升级版，不想对架构作太大的调整，所以就简单地作了个利用div,ul,li赋值不同calss控制表现的。

 

<script type="text/javascript">

        //此操作只针对 “left_inner” 内的所有div元素
      

         function onloadFun(){
             var mm=document.getElementById("left_inner").getElementsByTagName("div");
             for(var i=0;i<mm.length;i++) {
                mm[i].style.display="none";
            }
            document.getElementById("manager_district").style.display="block";
        }

        //div内的元素控制

         function headE(id){

            //flag为展开状态标志
            var flag = document.getElementById("flag");
            //隐藏

            document.getElementById(flag.value).style.display="none";
            //展开

            document.getElementById(id).style.display="block";
            flag.value = id;
            var mm=document.getElementById(id).getElementsByTagName("li");
            for(var i=0;i<mm.length;i++) {
                mm[i].style.display="none";
            }
        }

        //ul的控制

        function ulE(id){

            // flagU 展开标志
            var flagU = document.getElementById("flagU").value;
            if((flagU != null) && (flagU != "")){
                var mm=document.getElementById(flagU).getElementsByTagName("li");
                for(var i=0;i<mm.length;i++) {
                    mm[i].style.display="none";
                }
            }
            var mm=document.getElementById(id).getElementsByTagName("li");
            for(var i=0;i<mm.length;i++) {
                mm[i].style.display="block";
            }
            document.getElementById("flagU").value = id;
        }

        onloadFun();

    </script>