Question

javascript 关于如何实现下拉菜单的问题，求助

要求实现图片所示的下拉菜单效果，每次只能出现一个下拉菜单，用如下方式绑定事件处理函数<li onclick=”show(this)” ….>

原始菜单如下
党委组织

党委办公室

纪律检查委 员会

组织部

宣传部

统战部

机关党委

学生工作部

武装部

行政机构

学校办公室

监察室

人事处

教务处

招生就业处

科研处

计划财务处

国有资产处

后勤处

基建处

教学单位

学校办公室

监察室

人事处

教务处

招生就业处

科研处

计划财务处

国有资产处

后勤处

基建处

群众团体

学校办公室

监察室

人事处

教务处

招生就业处

科研处

计划财务处

国有资产处

后勤处

基建处

教辅部门

学校办公室

监察室

人事处

教务处

招生就业处

科研处

计划财务处

国有资产处

后勤处

基建处

科研机构

学校办公室

监察室

人事处

教务处

招生就业处

科研处

计划财务处

国有资产处

后勤处

基建处

Answer 1

<ul>
<li onclick="show(this);">党委组织
    <ul style="display:none">
        <li>党委办公室</li>
        <li>纪律检查委员会</li>
        <li>......</li>
    </ul>
</li>
<li onclick="show(this);">行政机构
    <ul style="display:none">
        <li>学校办公室</li>
        <li>监察室</li>
        <li>......</li>
    </ul>
</li>
......
</ul>

<script>
function show(o){
    var lis=o.parentNode.children;
    for(var i=0;i<lis.length;i++){
        var ul=lis[i].children[0];
        ul.style.display=(lis[i]===o&&ul.style.display=="none")?"block":"none";
    }
}
</script>