<script type="text/javascript">

window.onload=function(){

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

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

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

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

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

     {

        //给数组元素添加属性，其值即是元素的索引值

        titles[i].index=i;

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

        titles[i].onclick()=function()

        {

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

            if(uls[this.index].style.display=='block')

            {

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

            }

            else

            {

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

            }

        }

     }

}

</script>