可折叠区域代码的实现

-//W3C//DTD HTML 4.0 Transitional//EN">

 
  
<script type="text/JavaScript">
 function toggle(sDivId) {
  var oDiv = document.getElementById(sDivId);
  oDiv.style.display = (oDiv.style.display == "none") ? "block":"none";
 }

   
   script>

 
 
  
  

   
   background-color:blue; color:white; font-weight:bold; padding:10px; cursor:pointer" οnclick="
   
   toggle('divContent1');">Click Here
  
  
 
  
  

   
   border:3px solid blue; height:100px;padding:10px" id="
   
   divContent1">
  This 
   
   is some content to show and hide.
 
  
  
 
  
  

   
   background-color:blue; color:white; font-weight:bold; padding:10px; cursor:pointer" οnclick="
   
   toggle('divContent2');">Click Here
  
  
 
  
  

   
   border:3px solid blue; height:100px;padding:10px" id="
   
   divContent2">
  This 
   
   is some content to show and hide.