单击收缩菜单，每次只打开一个菜单

.menuParent {
 font-size: 12px;
 width: 145px;
 font-weight: bold;
 display:block;
 height: 33px;
 padding-top:7px;
 vertical-align :middle ;
}
.menuParent a
{
    text-decoration: none;
}
.menuParent a:hover {
 font-size: 12px;
 color: #FFFFFF;
 width: 145px;
 font-weight: bold;
 text-decoration: none;
 height: 33px;
 padding-top:7px;
 vertical-align :middle ;
}

--单击收缩菜单，每次只打开一个菜单

<script language="javascript">
        function expand(el, length) {
            for (var i = 0; i < length; i++) {
                childObj = document.getElementById("child" + i);
                if (i == el && childObj.style.display == 'none') {
                    childObj.style.display = 'block';
                }
                else {
                    childObj.style.display = 'none';
                }
            }
        }
    </script>

 

--后台动态生成两级菜单，调用JS方法实现菜单收缩

<a href=\"javascript:void(0)\" class=menuParent onclick=expand(" + j + "," + list.Count + ") >" + list[j].MenuName + "</a>