折叠栏1
        
        
         
        
    
       
    
       
        
        
折叠栏2
        
        
         
        
    
       
    
       
        
        
折叠栏3
        
        
         
        
    
       
    
       
        
        
折叠栏4
        
        
         
        
    
       
    
       
        
        
折叠栏5
        
        
         
        
    
       
    
       
        
        
折叠栏6
        
        
         
        
    
       
      

CSS3 利用  :target  伪类实现

.accordion h3+div{
        height: 0;    overflow: hidden;/*超出部分隐藏*/    transition: height 0.3s ease-in;/*展开的一种特效，以0.3s慢慢飞入*/}.accordion :target h3+div{
        height: 300px;    overflow: auto;/*超过部分自动隐藏*/}

 JS实现

function showSection(id) {    var images=document.getElementsByClassName("image");    for(var i=0;i