作者ibmibmibm (根暗で陰湿?大きなお世話)
看板Web_Design
標題Re: [問題] 如何用js搭配display控制div顯示與否
時間Sun Oct 23 19:45:26 2005
※ 引述《KennyL (Giant Heart)》之銘言：
: ※ 引述《chweng ()》之銘言：
: : 記得之前有在哪看過語法，不過現在卻怎麼也找不到。
: : <style type="text/css">
: : .comments { display: none; }
: : </style>
: : <script type="text/javascript">
: : ???
: : </script>
: : <span onclick="???">顯示/隱藏評論</span>
: : <div class="comments">評論內容</div>
: : 我要做成按一下可以顯示comments這個div 然後再按一下可以消失
: : 請問問號的地方要怎麼寫呢?
: : 謝謝~
<script type="text/javascript">
function change(show, hide)
{
document.getElementById(show).style.display = 'inline';
document.getElementById(hide).style.display = 'none';
}
</script>
<div id="a" style="display:inline;" onclick="change('b', 'a');">
...
</div>
<div id="b" style="display:none;" onclick="change('a', 'b');">
....
</div>
這是基於KennyL大大所提供的原始碼修改成的。
應該符合W3C
--
▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄▄ ▁ ▄-▄▄
██◤ ◥█◤ ██◣ ██◣ ██◤ ◢██ ▅▆◤ -▅▃
█ █ █ █ █▄▄ █ █ █ ◣ ◢ /▁ -
█ ◤ █ ██◢█ ▄▄▌█◢ █ █ ◤ ◥ ◤ ◢
█ ◢█◣ █ ◣ ██◤ █ ██◤ ◢▍
▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃▃ ▊ Mozilla Firefox
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 218.166.148.181
1F：推 KennyL:我又多學到一些了..感謝!!:) 10/23 19:59