Show/Hide div 區塊顯示隱藏

Show/Hide div 區塊顯示隱藏 CSS HTML JavaScript 在 </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……等等請隨意) 藍色字就是在網頁上顯示的部份，可自行變更內容。