                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /Tab选项卡切换效果

只能展开不能关闭，怎么解决

window.onload=function(){
        var p = document.getElementById('menu').getElementsByTagName('p'),
            ul = document.getElementById('menu').getElementsByTagName('ul');
        
        for(var i=0 ; i<ul.length ; i++){
            p[i].id=i;
            p[i].onclick=function(){
                if(ul[this.id].style.display='none'){
                    ul[this.id].style.display='block';
                }else{
                    ul[this.id].style.display='none';    
                }
            }
        }
	}

为什么我的代码只能展开不能关闭？

还有，为什么ul[this.id].style.display='block';把this.id替换成i后，连展开都不行了？
调试时没问题。