菜单的全部展开和全部关闭

 

< html >
< script  language ="javascript" > ...
function hide_show(id) ...{
n = document.getElementById(id);
if(n.style.display == "none")
    ...{
        n.style.display = "block";
    }
    else
    ...{
        n.style.display = "none";
    }
}

function hide_show_all() ...{
n = document.getElementById("s1");
n.style.display = "block";
n = document.getElementById("s2");
n.style.display = "block";

}

</ script >
< body >
< a  href =#  onclick ="hide_show_all();" > 显示所有 < br ></ a >
< a  href =#  onclick ="hide_show('s1');" > + </ a >


< div  id =s1  style ="display:none" >
aaa < br >
bbb < br >
ccc < br >
</ div >
< br >< a  href =#  onclick ="hide_show('s2');" > + </ a >
< div  id =s2  style ="display:none" >
aaa < br >
bbb < br >
ccc < br >
</ div >
</ body >
</ html >