1、点击展开或隐藏菜单，最好在菜单前加一个图标按钮，美观又方便。
专注于为中小企业提供成都网站建设、网站制作服务,电脑端+手机端+微信端的三站合一,更高效的管理,为中小企业云霄免费做网站提供优质的服务。我们立足成都，凝聚了一批互联网行业人才，有力地推动了上1000+企业的稳健成长，帮助中小企业通过网站建设实现规模扩充和转变。
2、首先，打开html编辑器，新建html文件，例如：index.html，并引入jquery。
3、效果图：目前市场上越来越流行IOS风格的操作系统和导航方式，在今天的jQuery教程中，我们介绍如何生成一个iphone风格的菜单导航。HTML代码我们使用镶嵌的来生成菜单内容，并且包含在标签中，如下：。 。
对折叠面板区域 p 设置 class=”easyui-accordion”在区域添加多个 p， 每个 p 就是一个面板 （每个面板一定要设置 title 属性）。
在datagrid加载的地方加上这段代码即可。
east、西区 west 和中区 center）的容器。中间的区域面板是必需的，边缘区域面板是可选的。每个边缘区域面板可通过拖拽边框调整尺寸，也可以通过点击折叠触发器来折叠面板。布局（layout）可以嵌套，因此用户可建立复杂的布局。
但是两种easyui提供的样式可以提供参考和辅助，一个是eaysui-menu类（参考Easyuiguan 方帮助文档9页-创建简单菜单），另一个是panel面板（参考Easyuiguan 方帮助文档15页-创建折叠面板）。
(div).slideUp()；//动感大气上档次 --- 建议，恶补一下jQuery基础，然后看代码，看一段就能吸收一段了。
这里使用jquery实现展开、隐藏特效，点击列表标题后该项内容展开，其它项收缩起来，也就是不显示了。个人喜好了，有的喜欢在默认状态下不显示其它选项的内容，这个就是这种情况，仅供参考吧。
先说你几个最基本的错误哦，对你以后有帮助。你的id怎么能写数字呢？这是大忌。一定要以下划线或者字母开头。hidden这个属性你自己编的属性吧。