function creatTree(data){
var str ="<ul>";
for(var i=0;i<data.length;i++){
str+="<li><span>-</span>"+data[i].name;
if(data[i].child){
str+=creatTree(data[i].child);
}
str+="</li>"
};
str+="</ul>";
return str;
}
$(".lists").html(creatTree(data));
//添加点击事件
$(".lists ul li").click(function(event){
event.stopPropagation();//取消事件冒泡
if($(this).find("ul").is(":visable")){
this.find("ul").hide();
$(this).find("span").text("+")
}else{
this.find("ul").show();
$(this).find("span").text("-")
}
})