window.onload=function(){

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

      var titles=document.getElementById('menu').getElementsByTagName('p');

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

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

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

          titles[i].dex=i;

          titles[i].onclick=function(){

     // 获取点击的标题上的索引属性，根据该索引找到对应的列表

            var uldis=uls[this.dex].style.display;

     // 判断该列表，如果是显示的则将其隐藏，如果是隐藏的则将其显示出来

            if (uldis=='none'){

                uls[this.dex].style.display='block';

            }else{

                uls[this.dex].style.display='none';

            }

          }

      }

}