for(var i=0;i<aH2.length;i++){
aH2[i].index=i;
aH2[i].onOff=true;//充当一个开关
aH2[i].οnclick=function(){
if(this.onOff){
aUl[this.index].style.display=‘block’;
this.className=‘active’;
this.onOff=false;
}else{
aUl[this.index].style.display=‘none’;
this.className=’’;
this.onOff=true;
}
}
}
不难发现,可以通过设定一个onOff开关控制点击时样式active的不断变化
同时需要注意,for循环给每一个aH2添加一个自定义属性onOff,和索引和函数,⭐然后for就去休息了。之后点击开关和for的初始化无关
还可以通过className控制
for(var i=0;i<aH2.length;i++){
aH2[i].index=i;
aH2[i].οnclick=function(){
if(this.className==’’){
aUl[this.index].style.display=‘block’;
this.className=‘active’;
}else{
aUl[this.index].style.display=‘none’;
this.className=’’;
}
}
}
这种方法更简单些