jQueryUI 手风琴图标选项

Icons 选项用于设置标题的图标以及标题何时处于活动状态。如果设置为 false，则标题将没有标题。

默认情况下，它的值为

{ 
    "header": "ui-icon-triangle-1-e", 
    "activeHeader": "ui-icon-triangle-1-s" 
}

价值：

• 图标名称：我们要在标题中显示的图标。

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

rel=”stylesheet” type=”text/css” />

示例 1：

HTML

 
 
   
 
     
     
   
     
     
   
     
     
   
     
           
     
        .height { 
            height: 10px; 
        } 
     
   
     
        $(function () { 
            $( "#gfg" ).accordion(
                   { icons: { "header": "ui-icon-alert", "activeHeader": "ui-icon-minus" } }
  
                );
        }); 
     
    
         #gfg{font-size: 17px;}
    
 
   
 
    GeeksforGeeks 
    jQueryUI | icons Accordion 
    
    
    
        A
         Geeks1
            Geeks1
            Geeks1
            Geeks1
            
        
        B
        Geeks2
            Geeks2
            Geeks2
            Geeks2
        
     
 
   

输出：

示例 2：

HTML

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

输出：