开关菜单模型

window.onload=function(){

var flag=true;
var a = document.getElementById("tdful");
var b = a.getElementsByTagName("li");
var d = document.getElementById("secondtd");
var c = d.getElementsByTagName("div");

for(var i=0;i<b.length;i++){
b[i].index=i;console.log("i:"+i+" b[i].index:"+b[i]);
b[i].onclick=function(){

for(var i=0;i<b.length;i++){
b[i].className="";
d.style.display="none";
c[i].style.display="none";

}

if(flag||localStorage.a!=$(this).attr("id")){
this.className="active";
d.style.display="table-cell";
c[this.index].style.display="block";

if($(this).attr("id")!="seli")
{($(".img1").css({"display":"block","margin-left":"20px","margin-top":"20px"}));
($(".img2").css("display","none"));}
else{($(".img1").css("display","none"));
($(".img2").css("display","block"));}

if($(this).attr("id")=="fili"){
$(".ball").css("background","green");flag=false;
} else{
$(".ball").css("background","white");
}

flag=false;
}else{
this.className="";
d.style.display="none";
($(".img2").css("display","none"));
($(".img1").css("display","block"));
$(".ball").css("background","white");
flag=true;
}
localStorage.a=$(this).attr("id");
}
}
}