纯CSS实现折叠面板和手风琴效果

 用label绑定到对应的checkbox上，然后把checkbox隐藏掉，再用伪类选择器（:checked）和相邻兄弟选择器（~或+）来触发显示或隐藏。

如果需要“手风琴”效果，只需要把每个checkbox的type设置为radio即可。

但是有个缺陷，每个checkbox都需要有一个唯一的id和label绑定。

  
  
  
  
  



  

    

      check
      
      

        
Hello
        
go go go
      
    
    

      check
      
      

        
Hello
        
go go go
      
    
    

      check
      
      

        
Hello
        
go go go
      
    
  

我的主页：https://blog.csdn.net/qq_29750277，有关于前端、Python等