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

功能：

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

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

代码分析：

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

效果图：