分享一个小案例，实现菜单栏的切换，点击左侧边栏，展示右侧主体的页面，供大家参考，具体内容如下
首先实现html页面的编写：
统计（Canvas）
统计（SVG）
其次是css效果实现：
div {
display: none;
min-height: 300px;
}
#main .right-body > div.active {
display: block;
}
最后一步运用简单的js实现点击左侧边栏选项，展示右侧主体区域：
修改li的active的位置
$(this).parent().addClass('active').siblings('.active').removeClass('active');
//修改右侧主体中的div的active的位置
var id = $(this).attr('href');
$(id).addClass('active').siblings('.active').removeClass('active');
});
综上一个简单的菜单切换就实现了。
原文链接：https://www.f2er.com/js/41091.html