/*自己編風格*/
。父母？。子{顯示:？無；}
& lt/style & gt；
& ltul？class="parent " >
& lt李？class="pli " >
& ltspan & gtphp & lt/span>。
& ltul？class="son " >
& lt李& gtPHP 1 & lt；/李& gt
& lt李& gtPHP 1 & lt；/李& gt
& lt/ul & gt；
& lt/李& gt
& lt李？class="pli " >
& ltspan & gtphp & lt/span>。
& ltul？class="son " >
& lt李& gtPHP 1 & lt；/李& gt
& lt李& gtPHP 1 & lt；/李& gt
& lt/ul & gt；
& lt/李& gt
& lt李？class="pli " >
& ltspan & gtphp & lt/span>。
& ltul？class="son " >
& lt李& gtPHP 1 & lt；/李& gt
& lt李& gtPHP 1 & lt；/李& gt
& lt/ul & gt；
& lt/李& gt
& lt李？class="pli " >
& ltspan & gtphp & lt/span>。
& ltul？class="son " >
& lt李& gtPHP 1 & lt；/李& gt
& lt李& gtPHP 1 & lt；/李& gt
& lt/ul & gt；
& lt/李& gt
& lt李？class="pli " >
& ltspan & gtphp & lt/span>。
& ltul？class="son " >
& lt李& gtPHP 1 & lt；/李& gt
& lt李& gtPHP 1 & lt；/李& gt
& lt/ul & gt；
& lt/李& gt
& lt/ul & gt；var？pli？=?document.querySelectorAll("。父母？。pli？span”)；
for(var？我？=?0;我& ltpli .長度；i++){
pli[i]。指數？=?我；
pli[i]。onclick？=?函數(){
for(var？j？=?0;j & ltpli .長度；j++){
document.querySelectorAll("。父母？。pli？。son ")[j]. style . display = " none "；
}
this.parentNode.querySelector("。son "). style . display = " block "；
}
}