提示：您可以先修改部分代碼再運行
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>單一按鈕顯示/隱藏</title></head><style>body,div,ul,li,h2{margin:0;padding:0;}body{font:12px/1.5 Tahoma;}ul{list-style-type:none;}#outer{width:200px;border:1px solid #aaa;margin:10px auto;}#outer h2{cursor:pointer;color:#57646E;font-size:14px;font-weight:400;border:1px solid;height:30px;line-height:30px;padding-left:10px;background:#ced3d7 url(img/ico.gif) 180px 15px no-repeat;border-color:#fff #e9edf2;}#outer h2.open{background-position:180px -12px;}#outer ul{border-top:1px solid #DEE3E6;}#outer li{height:25px;line-height:25px;vertical-align:top;}#outer a{display:block;color:#6b7980;background:#e9edf2;text-decoration:none;padding:0 10px;}#outer a:hover{background:#fff;text-decoration:underline;}</style><script>window.onload = function (){var oH2 = document.getElementsByTagName("h2")[0];var oUl = document.getElementsByTagName("ul")[0];oH2.onclick = function (){var style = oUl.style;style.display = style.display == "none" ? "block" : "none";oH2.className = style.display == "none" ? "open" : ""}}</script><body><div id="outer"> <h2>播放清單...</h2> <ul> <li>玩家之徒 - 蔡依林</li> <li>原諒我就是這樣的女生 - 戴佩妮</li> <li>猜不透 - 丁當</li> <li>自導自演 - 周杰倫</li> <li>浪漫窩 - 弦子</li> <li>流年 - 王菲</li> </ul></div></body></html></td> </tr></table>
提示：您可以先修改部分代碼再運行
