JQuery 简单实现折叠菜单

简介:

利用JQUERY简单的实现功能菜单的折叠效果。本人初学,写后台稍多一点,很少写前台的效果。还请大虾们多多指教。

菜单为二级,初始化时为折叠效果,单击大项标题时展开,显示二级列表。

HTML代码如下:

代码

 

其中JQUERY脚本,只需简单的几行便可以实现想要的效果。具体代码如下所示:

代码

 

 




    本文转自 陈敬(Cathy) 博客园博客,原文链接:http://www.cnblogs.com/janes/archive/2010/09/14/1826068.html,如需转载请自行联系原作者

相关文章
|
1月前
|
JavaScript
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
59 2
|
6月前
|
JSON JavaScript 数据格式
jQuery 树型菜单完整代码
jQuery 树型菜单完整代码
|
6月前
|
JavaScript
jQuery实现二级菜单
jQuery实现二级菜单
|
JavaScript
jQuery文本段落展开和折叠效果
jQuery文本段落展开和折叠效果
|
JavaScript 前端开发
|
JavaScript 前端开发 机器人
【前端】使用jQuery简单实现赢粽子小游戏
除了讲解实现的步骤以及关键点,文章最后面会有完整的代码
89 0
|
JavaScript
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
428 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
|
JavaScript
JQuery超简单实现等比例缩放图片大小(收藏)
当页面加载的图片中含有属性width和height值,则可以使用几句简单的jQuery代码实现等比例缩放,也可以通过JQ内置函数来获图片取宽高。
350 0
|
JavaScript
jQuery水平滑动菜单
在线演示 本地下载
985 0
|
JavaScript
jQuery多层级垂直手风琴菜单
在线演示 本地下载
1104 0