if(list.style.display=='none'){
list.style.display='block';
}else{
list.style.display='none';
}
这里的none是查询不到的
alert（list.style.display）为空值，加了display:none的元素师从文档流中删除了，所以查询不到，
这里要换个思路
if(list.style.display!='block'){
list.style.display='block';
}else{
list.style.display='none';
}
这样就可以了。
display:none与visible:hidden区别在于 前者是从文档中删除，占据的空间也随之消失，而后者仅仅是隐藏，不会去除所占据的空间，。
在占据空间上，absolute与relative情况和上面相似
感谢学妹（Adeline）的科普。