html点击隐藏代码菜单代码,用JS+CSS写左侧可隐藏的展开、折叠菜单代码

用JS+CSS写左侧可隐藏的展开、折叠菜单代码 - www.webdm.cn

var maxmnus = 5

function opTab(){

var mnu = document.getElementById("menubar")

var arrdiv = document.getElementById("arrow")

var arrtxt = document.getElementById("arr")

if((mnu.style.display != "block") || (mnu.style.display == "")){

mnu.style.display = "block"

arrdiv.style.pixelLeft = mnu.style.width.substring(0 , mnu.style.width.length - 2)

arrtxt.innerText = "3";

} else {

mnu.style.display = "none"

arrtxt.innerText = "4";

arrdiv.style.pixelLeft = 0;

}

event.cancelBubble = true;

}

function toggleMenu(el){

for(var i = 0;i < maxmnus;i++) document.getElementById(document.getElementById("c" + i).menu).style.display = "none";

if(el.status == "closed"){

el.status = "open"

document.getElementById(el.menu).style.display = "block";

} else {

el.status = "closed"