function $(element){
return element = document.getElementById(element);
}
function $D(){
   var d=$('class1content');//設定d的值為id class1content
   var h=d.offsetHeight;//設定d的值為id class1content中的高(初始為0)
   var maxh=606;
   function dmove(){
       h+=20; //設置層展開的速度
       if(h>=maxh){  //如果h大於等於536則執行下列動作，若否則執行 else之後動作
          d.style.height='606px';//這裡會讓class1content樣式的高度為536px 
          clearInterval(iIntervalId);//停止再執行iIntervalId 函式
       }else{
       d.style.display='block';//將class1content的顯示設為區塊
       d.style.height=h+'px';//將class1content的高設為"(h)px"
       }
       }
     iIntervalId=setInterval(dmove,2);//每兩毫秒執行一次domve 函式
}
function $D2(){
   var d=$('class1content');//設定d的值為id class1content
   var h=d.offsetHeight;//設定d的值為id class1content中的高(初始為0)
   var maxh=606;
   function dmove(){
       h-=20;//設置層收縮的速度
       if(h<=0){  //如果h小於等於0則執行下列動作，若否則執行 else之後動作
       d.style.display='none';//將class1content的顯示設為不顯示
       clearInterval(iIntervalId);//停止再執行iIntervalId 函式
       }else{
       d.style.height=h+'px';//將class1content的高設為"(h)px"
       }
       }
     iIntervalId=setInterval(dmove,2);//每兩毫秒執行一次domve 函式
}
function $use(){
   var d=$('class1content');//d等於class1content裡的所有文字內容
   var sb=$('stateBut');//sb等於More[+]
   if(d.style.display=='block'){ //如果class1content的樣式為顯示，則執行$D2，否則執行$D
   $D2();
   sb.innerHTML='More[+]';
   }else{
   $D();
   sb.innerHTML='Close[-]';
   }
};