window.onload=function(){

        // 将所有点击的标题和要显示隐藏的列表取出来

        var titls=document.getElementById("menu").getElementsByTagName("p");

        var uls=document.getElementById("menu").getElementsByTagName("ul");

        // 遍历所有要点击的标题且给它们添加索引及绑定事件

   if(titls.length=uls.length){

       for(var i=0;i<titls.length;i++){

           titls[i].id=i;

          console.log(titls[i]); //遍历显示3个p元素

           titls[i].onclick=function(){

            console.log(titls[i]);   //undefined  到这里就已经不能指向原来的p元素了

            for(var j=0;j<uls.length;j++){  //此处仍然需要对所有ul元素进行设置

            uls[j].style.display = 'none';

            }

    var ul = this.parentNode.querySelector('ul');

    ul.style.display = 'block';

            /*if(uls[this.id].style.display="block"){    没有遍历，只能对一个元素进行设置

                  uls[this.id].style.display="none" ;

            }else{

               uls[this.id].style.display="block";

            } */

           }  

       }

//当然还有的错误是你各种大括号小括号写错了

}

    }