jQuery Mobile教程:可折叠内容

本文主要看一下jQuery Mobile体系中的可折叠内容，我们采用"提问●回答"的方式来初步地了解一下：

1、如何设置折叠？

示例：

<div data-role="collapsible"> <h3>本文主要介绍可折叠</h3> <ol data-role="listview" data-inset="true"> 	<li><a>如何设置折叠</a></li> 	<li><a>如何设置theme</a></li> 	<li><a href="#open-mode-page">如何设置展开模式</a></li> </ol> </div>

图示：

说明：
1、给容器增加data-role="collapsible"
2、默认上述增强后为闭合状态

2、如何设置展开模式？

以链接按钮为例：

<div data-role="collapsible" data-collapsed="false"> <h3>本文主要介绍可折叠</h3> <ol data-role="listview" data-inset="true"> 	<li><a>如何设置折叠</a></li> 	<li><a>如何设置theme</a></li> 	<li><a href="#open-mode-page">如何设置展开模式</a></li> </ol> </div>

图示：

说明：
1、添加data-collapsed="false"的属性即可

demo

以上是小编为您精心准备的的内容，在的博客、问答、公众号、人物、课程等栏目也有的相关内容，欢迎继续使用右上角搜索按钮进行搜索jquery
， jquery mobile
， 折叠
， 内容
， jquery.mobile
， mobile
， 模式
， 链接jquery mobile
， 如何
， 体系
， jquery折叠菜单
可折叠
jquery官网、jquery api、jquery下载、jquery教程、jquery ajax，以便于您获取更多的相关知识。