如何使用 jQuery Mobile 制作 Basic 手风琴？

在本文中，我们将使用 jQuery Mobile 制作一个基本的手风琴。

方法：首先，添加您的项目所需的 jQuery Mobile 脚本。

示例 1：

HTML

 
 
   
 
     
     
   
     
     
   
     
     
   
     
           
     
        .height { 
            height: 10px; 
        } 
     
   
     
        $(function () { 
            $( "#gfg" ).accordion();
        }); 
     
    
         #gfg{font-size: 17px;}
    
 
   
 
    GeeksforGeeks 
    jQueryUI | Accordion 
    
    
    
        A
        A
        B
        B
        C
        C
     
 
   

输出：

示例 2：

HTML

 
 
   
 
     
     
   
     
     
   
     
     
   
     
           
     
        .height { 
            height: 10px; 
        } 
     
   
     
        $(function () { 
            $( "#gfg" ).accordion();
        }); 
     
    
         #gfg{font-size: 17px;}
    
 
   
 
    GeeksforGeeks 
    jQueryUI | Accordion 
    
    
    
        GFG
        GeeksforGeeks
        Geeks
        GeeksforGeeks
     
 
   

输出：