jQuery Mobile 可折叠标题选项

jQuery Mobile是一种基于 Web 的技术，为网页构建了出色的 UI 界面，可用于为可在所有类型的智能手机、平板电脑和台式机上访问的网站制作响应式内容。

在本文中，我们将使用jQuery Mobile 可折叠标题 选项 获取或设置可折叠的标题。标头将是可折叠容器中与提供的选择器匹配的第一个直接子元素。

语法：以下语法用于使用标题选项初始化可折叠。

$( ".selector" ).collapsible({
 heading: ".mycollapsibleheading"
});

• 获取默认选项：

  var heading = $( ".selector" )
      .collapsible( "option", "heading" );

• 设置默认选项：

  $( ".selector" ).collapsible( 
      "option", "heading", ".mycollapsibleheading" );

CDN 链接：添加您在项目中需要的以下 jQuery Mobile 脚本。

示例：此示例演示了jQuery Mobile 可折叠标题选项。

HTML

      

    
    
    
    
    
    
          
    
        $(function () {
            $("#btn").on('click', function () {
                var heading = $( "#divID" ).collapsible( "option", "heading" );
                $("#gfg").html("Default Heading Option : " + heading);
            });
        });
    

      

    
        
            
                GeeksforGeeks
                
                    jQuery Mobile Collapsible Heading Option
                
            
      
            
                
                    GeeksforGeeks
                    
                        GeeksforGeeks is a computer science portal
                        for geeks. It contains well written, well
                        thought and well explained computer science
                        and programming articles, quizzes etc.
                    
  
                
            
      
            
            
            
        
    

输出：

jQuery Mobile 弹出窗口容差选项

参考： https://api.jquerymobile.com/collapsible/#option-heading