html左侧菜单展开与收起,JS+CSS可隐藏的左侧展开、折叠菜单

左侧隐躲菜单

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.dis