折りたたみメニュー2

デフォルトでたたんでおけるようにした
section2を畳んでる

function $(id){
  return document.getElementById(id);
}

function hideSec(id){
  var elm = $(id);
  switch(elm.style.display){
    case "block":
    case "":
      elm.style.display = "none";
      break;
    case "none":
      elm.style.display = "block";
      break;
  }
}

<h1><a href="javascript:hideSec('section1');">1:Abst</a></h1>
<div id="section1">
  aaaaaaaaaaaa
</div>

<h1><a href="javascript:hideSec('section2');">2:Intro</a></h1>
<div id="section2" style="display:none">
  bbbbbbbbbbbbbbb
</div>

<h1><a href="javascript:hideSec('section3')">3:Concept</a></h1>
<div id="section3">
  cccccccccccccccccccccccc<br />
  ccccccccccccccccccccccccc
</div>