html的左侧菜单栏,HTML 之 左侧菜单

代码

Title

.item .header{

height: 35px;

background-color: #2459a2;

color: white;

line-height: 35px;

}

.hide{

display: none;

}

菜单一

内容一

内容一

内容一

菜单二

内容二

内容二

内容二

菜单三

内容三

内容三

内容三

function ChangeMenu(nid) {

var current_header= document.getElementById(nid)

var item_list = current_header.parentElement.parentElement.children;

for(var i=0;i

var current_itme = item_list[i];

current_itme.children[1].classList.add('hide');

}

current_header.nextElementSibling.classList.remove('hide')

}

展示