JS中让二级菜单栏一直保持展开状态,页面跳转也不会改变
```html
<body>
<div class="box">
<!-- 系统登录提示弹窗 -->
<div class="container">
<!-- 登陆提示窗 -->
<div id="alert-success"></div>
</div>
<!-- 左侧菜单栏 -->
<div class="box-nav"></div>
<!-- 顶部导航栏 -->
<div class="box-head"></div>
<!-- 页面内容 -->
<div class="box-con">员工管理</div>
</div>
<script src="./js/home.js"></script>
</body>
```javascript
render(list);
// 左侧菜单栏渲染
function render(list) {
let str = `<h3 id="qiye">企业人力资源管理</h3>`;
for (let i = 0; i < list.length; i++) {
if (list[i].children) {
if (list[i].children.length > 1) {
str += `
<div class="list_item" onclick="isShow(this,${i})">
<img class="nav-img" src="./img/${list[i].icon}.png"/>
<span>${list[i].title}</span>
<img class="nav-imgs" src="./img/down.png"/>
</div>
<div style="display: ${name == list[i].title ? 'block' : 'none' };">`
for (let j = 0; j < list[i].children.length; j++) {
str += `
<div class="list_child" style="color:${name == list[i].children[j].title ? '#409EFF' : ''}" onclick="isHrefs('${list[i].children[j].path}',this,'${list[i].children[j].title}',${i},'${list[i].children[j].icon}')">
<img class="nav-img" src="./img/${list[i].children[j].icon}.png"/>
<p>${list[i].children[j].title}</p>
</div>
`
}
str += `</div>`
} else {
str += `<div class="list_father" style="color:${name == list[i].title ? '#409EFF' : ''}" onclick="isHref('${list[i].path}',this,'${list[i].title}',${i},'${list[i].icon}')">
<img class="nav-img" src="./img/${list[i].icon}.png"/>
<p>${list[i].title}</p>
</div>`
}
} else {
str += `<div class="list_child" style="color:${name == list[i].title ? '#409EFF' : ''}">
<p>${list[i].children[j].title}</p>
</div>`
}
}
document.getElementsByClassName("box-nav")[0].innerHTML = str
}