jquery mobile collapsible(折叠)

创建一个可折叠内容区块

折叠事件 create(event,ui)当一个折叠区域被创建时,触发。event类型:事件。ui类型:对象。//折叠创建时,指定的回调函数$(".selector").collapsible({create:function(event,ui){}});//创建时,绑定一个事件监听器的事件$(".selector").on("collapsiblecreate",function(event,ui){});collapse(event,ui)当一个折叠区域被折叠时,触发。event类型:事件。ui类型:对象。//折叠时,指定的回调函数$(".selector").collapsible({collapse:function(event,ui){}});//折叠时,绑定一个事件监听器事件$(".selector").on("collapsiblecollapse",function( event, ui

折叠选项 collapsible collapseCueText折叠的提示信息。类型:字符串。默认值:"clicktocollapsecontents"。给使用屏幕阅读器软件的用户,提供文本信息的提示。//初始化指定的折叠提示信息$(".selector").collapsible({collapseCueText:"collapsewithaclick"});//gettervarcollapseCueText=$(".selector").collapsible("option","collapseCueText");//setter$(".selector").collapsible("option","collapseCueText","collapsewithaclick");expandCueText展开的提示信息。类型:字符串。默认值:"clicktoexpandcontents"。给使用屏幕阅读器软件的用户,提供文本信息的提示。//初始化指定的展开提示信息$(".selector" ).collapsible({ expandCueTex

可折叠内容块 data-role=collapsible 要创建内容折叠块。首先,创建一个容器,并添加data-role="collapsible"属性。并且给此容器使用data-content-theme属性,为可折叠的内容块,进行主题样式设计。其次,在容器中,添加任何头部区域的标题(h1-h6)或图例元素(egendelement)。JQueryMobile框架将样式化头部,使其看起来像一个可点击的按钮,并添加一个“+”图标左边表示它的膨胀。最后,在头部区域后,添加任何HTML标记作为被折叠的内容区域。JQueryMobile框架将把这个标记为包裹起来。当点击头部标题的时候,内容将被折叠隐藏或者显示出来。默认情况下,内容是被折叠起来的。<divdata-role="collapsible"> <h3>I'maheader</h3> <p>I'mthecollapsiblecontent.BydefaultI'mclosed,butyoucanclicktheheadertoopenme.</p></div>折叠起来的样式点击被打开样式展开折叠data-collapsed="false"默认情况下,可折叠容器是收缩的,