Show/Hide div 區塊顯示隱藏

在 </head> 前貼上以下 Code

<script>
function switchDisplay(item) {
    var TargetArea = document.getElementById(item);
    TargetArea.style.display = (TargetArea.style.display == 'block'?'none':'block');   
}
</script>

連結寫法如下

<a href="javascript:;" onclick="switchDisplay('DIV1');">Show/Hide 顯示/隱藏</a>

要隱藏/顯示的區塊寫法如下

<DIV id="DIV1" style="display: none;">
Content 內容
</DIV>

說明

一個連結對應一個區塊，綠色字的部份要互相對應到，若有多個區塊就直接另外命名，如：DIV2、DIV3 或是其他英文名稱皆可。(apple、orange……等等請隨意)

藍色字就是在網頁上顯示的部份，可自行變更內容。