幽灵手风琴

Spectre Accordions 通过扩展面板组件提供了简单的手风琴。使用 data-parent 属性可确保在显示可折叠项之一时关闭指定父项下的所有可折叠元素。

或者，您可以使用详细信息和摘要代替输入单选或复选框技巧。将 open 属性添加到 details 以展开它。 Microsoft Edge 支持正在考虑中。

Spectre 手风琴课程：

• 手风琴：此类用于创建手风琴元素。

注意：您需要在输入字段中包含手风琴 1 作为 id，您将在其中附加下降图标。

句法：

 ...
 

下面的例子说明了 Sepctre Accordion 的例子：

例子：

HTML

  

    
    
    

  

    
    
GeeksforGeeks
    SPECTRE Accordion Class
    


    

      
      
        
        Geeksforgeeks
      
      

        

           Image result for Geeksforgeeks description
           We provide a variety of services for you to
           learn, thrive and also have fun! Free Tutorials,
           Millions of Articles, Live, Online and Classroom
           Courses ,Frequent Coding Competitions ,Webinars
           by Industry Experts, Internship opportunities and
           Job Opportunities. Knowledge is power!
        
  
      
    
    

  

输出：

幽灵手风琴

参考： https ://picturepan2.github.io/spectre/components/accordions.html