jQuery实现的简单折叠菜单(折叠面板)效果代码

这篇文章主要介绍了jQuery实现的简单折叠菜单(折叠面板)效果代码,涉及jQuery中slideToggle与toggleClass方法的灵活使用技巧,需要的朋友可以参考下

本文实例讲述了jQuery实现的简单折叠菜单(折叠面板)效果代码。分享给大家供大家参考。具体如下：

这是一款基于jQuery实现的折叠菜单，可展开一些内容，实际上称它为一个面板比较好，是一个折叠面板，使用了jQuery1.6.2插件。

运行效果截图如下：

在线演示地址如下：

http://demo.0133.cn/js/2015/jquery-simple-toggle-zd-menu-codes/

具体代码如下：

   jQuery 折叠菜单 by Sam Zhang  时间：2010/8/3jQuery 折叠菜单By Sam Zhang
   web 前端开发工程师（工作地点:上海、广州）
 工作职责：
 简单分析用户数据，整理用户需求导向；
对在用户浏览器端的最终视觉呈现负责；
和后台工程师一起研讨技术实现方案，制定服务接口等；
职位要求：
 本科以上学历，习惯阅读英文原版技术文档和书籍；
对可用性、可访问性等相关知识有深刻的认识和实践经验；
掌握至少一门非前端脚本开发语言（如PHP/Python等）；
web 前端开发工程师（工作地点:上海、广州）
 工作职责：
 对在用户浏览器端的最终视觉呈现负责；
持续的优化前端体验和页面响应速度；
和后台工程师一起研讨技术实现方案，制定服务接口等；
职位要求：
 本科以上学历，习惯阅读英文原版技术文档和书籍；
熟悉至少一种JS框架（如YUI/JQuery等），我们目前主要使用YUI；
掌握至少一门非前端脚本开发语言（如PHP/Python等）；
web 前端开发工程师（工作地点:上海、广州）
 工作职责：
 简单分析用户数据，整理用户需求导向；
对在用户浏览器端的最终视觉呈现负责；
使用HTML/CSS/Javascript开发符合W3C标准的网站前端页面；
职位要求：
 精通XHTML/CSS/Javascript等前端技术，兼容多种浏览器的代码；
熟悉至少一种JS框架（如YUI/JQuery等），我们目前主要使用YUI；
掌握至少一门非前端脚本开发语言（如PHP/Python等）；