8-6节添加m-menu–selected选择器后能实现折叠效果

• Dashboard
  • 分析页
  • 监控页
  • 控制台

.m-menu__sub{
display: none;
}
.m-menu__sub>li{
padding-left: 45px;
height: 40px;
line-height: 40px;
}
.m-menu–selected .m-menu__title{
color: white;
}
.m-menu–selected .m-menu__sub{
display: block;
}
但是用JavaScript后没有实现
但是用JavaScript后没有实现

    var menuTitles = document.querySelectorAll('m-menu__title');
    for(var i=0;i<menuTitles.length;i++){
        menuTitles[i].onClick=function(){
            var menu = this.parentElement;
            menu.classList.toggle('m-menu--selected');

        };
        }