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