Semantic-UI 手风琴样式类型

Semantic UI 是一个现代框架，用于为网站开发无缝设计，它为用户提供了轻量级的组件体验。它使用预定义的 CSS 和 jQuery 来合并到不同的框架中。

手风琴类型用于指定用于特定条件的手风琴类型。 Semantic-UI Accordion Styled Type用于向手风琴元素添加基本格式。

Semantic-UI Accordion Styled Type Used 类：

• styled：用于为手风琴元素添加基本格式。

句法：

    ....

示例 1：在此示例中，我们将描述 Semantic-UI 手风琴样式类型。

HTML

  

    Semantic-UI Accordion Styled Type
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            Semantic-UI Accordion Styled Type
        
          
        
            
                 GeeksforGeeks
            
            
                  

                    GeeksforGeeks is a computer science portal.
                    It is the best platform to lean programming.
                
  
            
            
                 Semantic UI
            
            
                
                    Semantic UI is a modern framework used in
                    developing seamless designs for the website,
                    It gives the user a lightweight experience
                    with its components. It uses the predefined
                    CSS and jQuery to incorporate in different
                    frameworks.
                
            
            
                 HTML
            
            
                  

                    HTML stands for HyperText Markup Language.
                    It is used to design web pages using markup
                    language.
                
  
            
        
    
    
        $('.ui.accordion').accordion();
    

  

---

输出：

示例 2：在此示例中，我们将描述具有反转变体的 Semantic-UI Accordion Styled Type。

HTML

  

    Semantic-UI Accordion Styled Type
    
    
    
    
    

  

    
        
            GeeksforGeeks
        
        
            Semantic-UI Accordion Styled Type
        
  
        
            
                
                     GeeksforGeeks
                
                
                    
                        GeeksforGeeks is a computer science portal.
                        It is the best platform to learn programming.
                    
                
                
                     Semantic UI
                
                
                    
                        Semantic UI is a modern framework used in
                        developing seamless designs for the website,
                        It gives the user a lightweight experience
                        with its components. It uses the predefined
                        CSS and jQuery to incorporate in different
                        frameworks.
                    
                
                
                     HTML
                
                
                    
                        HTML stands for HyperText Markup Language.
                        It is used to design web pages using markup
                        language.
                    
                
            
        
    
    
        $('.ui.accordion').accordion();
    

  

输出：

参考： https://semantic-ui.com/modules/accordion.html#styled