<script type="text/javascript">
?window.onload=function(){
??function $(id){
???return typeof id==='string'?document.getElementById(id):id;
???}
??
????? // 將所有點擊的標題和要顯示隱藏的列表取出來
????? var titles=document.getElementsByTagName('p');
????? var uls=document.getElementsByTagName('ul');

???? // 遍歷所有要點擊的標題且給它們添加索引及綁定事件
???? for(var i=0;i<titles.length;i++){
???????? titles[i].id=i;
???????? titles[i].onclick=function(){
???????????? for(var j=0;j<uls.length;j++){
???????????? uls[j].style.display='none';
???????????? }
???????? }
???????? uls[this.id].style.display='block';
???? }

???? // 獲取點擊的標題上的索引屬性，根據該索引找到對應的列表

???? // 判斷該列表，如果是顯示的則將其隱藏，如果是隱藏的則將其顯示出來

?}
?</script>