js实现HTML页面折叠与展开

 

下面两行js代码可以十分简洁的实现HTML页面中的折叠与展开！

<! DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
< HTML >
  < HEAD >
   < TITLE >  New Document  </ TITLE >
   < META  NAME ="Generator"  CONTENT ="EditPlus" >
   < META  NAME ="Author"  CONTENT ="" >
   < META  NAME ="Keywords"  CONTENT ="" >
   < META  NAME ="Description"  CONTENT ="" >
   < SCRIPT > ...
    function isHidden(oDiv)...{
      var vDiv = document.getElementById(oDiv);
      vDiv.style.display = (vDiv.style.display == 'none')?'block':'none';
    }
   </ SCRIPT >
  </ HEAD >

  < BODY >
   < DIV  style ="cursor:hand"  onclick ="isHidden('div1')" > div1 </ DIV >
   < DIV  id ="div1" > div1div1div1div1div1 </ DIV >
   < DIV  style ="cursor:hand"  onclick ="isHidden('div2')" > div2 </ DIV >
   < DIV  id ="div2" > div2div2div2div2div2 </ DIV >
   < DIV  style ="cursor:hand"  onclick ="isHidden('div3')" > div3 </ DIV >
   < DIV  id ="div3" > div3div3div3div3div3 </ DIV >
  </ BODY >
</ HTML >