请问能给这段js代码做个通俗的解说吗？

Question

function leo(n){
var navUi = document.getElementById("m"+n);
if(navUi.style.display != "block"){
for(var i=0;i<=5;i++){
document.getElementById("m"+i).style.display = "none";
}
navUi.style.display = "block";
}else{
navUi.style.display = "none";
}
}
鄙人刚开始学习js，感激不尽。

Answer 1

看着像导航菜单的代码
 function leo(n){
var navUi = document.getElementById("m"+n);//获取id是m加传入的n值的节点
if(navUi.style.display != "block"){//看节点是否是不显示的
for(var i=0;i<=5;i++){
document.getElementById("m"+i).style.display = "none";//循环后id是m1,m2,m3,m4,m5的节点都隐藏
}
navUi.style.display = "block";//显示当前节点
}else{//navUi.style.display != "block"和这句对应
navUi.style.display = "none";//如果节点时显示的，则隐藏
}
}

Answer 2

一共有5个导航条，选中哪个，调用leo(n)，那么把它显示出来，其余的设置为隐藏

Answer 3

danielinbiti 已经解释的很清楚了。

Answer 4

解析的很棒！同样赞一个，学习了！！

Answer 5

看着像导航菜单的代码
function leo(n){
var navUi = document.getElementById("m"+n);//获取id是m加传入的n值的节点
if(navUi.style.display != "block"){//看节点是否是不显示的
for(var i=0;i<=5;i++){
document.getElementById("m"+i).style.display = "none";//循环后id是m1,m2,m3,m4,m5的节点都隐藏
}
navUi.style.display = "block";//显示当前节点
}else{//navUi.style.display != "block"和这句对应
navUi.style.display = "none";//如果节点时显示的，则隐藏
}
}