jquery mobile实现可折叠的导航按钮

本文实例为大家分享了jquery实现可折叠的导航按钮的具体代码，供大家参考，具体内容如下

功能：

当功能较多时，创建可折叠分组导航按钮。只需指定 data-role=" collapsible "创建可折叠面板

 
 
 
  
  
  
  
 
 
 
 
    
 
 
  
 图书查阅系统 
  
  
  
  
 文学历史 
 
 
  
明代
 
  
宋代
 
 
 
  
  
  
 人文社科 
 
 
  
财务
 
  
心理
 
 
 
  
  
  
 计算机应用 
 
 
  
软件开发
 
  
数据库
 
  
移动开发
 
 
 
  
  
  
 请单击“+”按钮进行展开 
  
 
 

代码分析：

        通过data-role=" collapsible "创建可折叠的div，再在其中通过 data-role=" listview "创建列表框
        data-theme : 指定预定义样式  （也可以使用样式构建器创建自定义样式）
        data-collapsed="false" : 表示默认不折叠

效果图：

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。