jQueryUI 手风琴标题选项

在本文中，我们将看到如何在手风琴中使用 header 选项。标题选项用于设置将用作手风琴标题菜单的标签。

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

示例 1：

HTML

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

---

输出：

示例 2：

HTML

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

输出：