个回答

• xusiman

  2016-03-04 21:44:36

  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';

              }

            }

        }

  }

  0