js/Guidance.js

微信扫码关注公众号，代码整理好后第一时间通知你。

function toggleMenu(){
var aTitle=new Array();
if(arguments.length==0) return false;

//获取对象
var $=function(id){ 
return document.getElementById?document.getElementById(id):document.all[id];
}

//将获取参数转换为数组
for(var i=0;i<arguments.length;i++){
aTitle[aTitle.length]=arguments[i];
}

for(var i=0;i<aTitle.length;i++){
$(aTitle[i]+"_sub").style.display="none"; //初始化为所有菜单隐藏
//添加事件
$(aTitle[i]).onclick=function(){
toggleIt(); //主处理函数
}
}

var toggleIt=function(){ 
var evt=window.event||toggleIt.caller.arguments[0];
var evtElm=evt.srcElement||evt.target;
for(var i=0;i<aTitle.length;i++){
if(evtElm&&evtElm.id!=aTitle[i]){
$(aTitle[i]+"_sub").style.display="none"; 
}else{ //点击对象如果就是当前遍历对象
$(aTitle[i]+"_sub").style.display=($(aTitle[i]+"_sub").style.display=="none"?"":"none");
}
} 
}
}
window.onload=function(){
//调用方法，在参数中逐个加入主标题id，注意，对应内容必须为“主标题id+"_sub"”
toggleMenu("m1","m2","m3","m4","m5","m6","m7","m10");
}