JQuery 简单实现折叠菜单

简介:

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

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

HTML代码如下:

代码

 

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

代码

 

 




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

目录
打赏
0
0
0
0
347
分享
相关文章
jQuery和CSS3滑动展开菜单按钮插件
这是一款jQuery和CSS3滑动展开菜单按钮插件。该滑动展开菜单按钮在用户点击主菜单按钮之后,子菜单以滑动的方式依次展开
70 21
|
4月前
|
jQuery 树型菜单插件(Treeview)
jQuery 树型菜单插件(Treeview)
80 2
【前端】使用jQuery简单实现赢粽子小游戏
除了讲解实现的步骤以及关键点,文章最后面会有完整的代码
100 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
453 0
使用jQuery 中的显示与隐藏动画效果实现折叠下拉菜单的收缩和展开,在页面的列表中有若干项,列表的每项中有一个二级列表,二级列表默认为隐藏状态。点击列表的项,切换二级列表的显示或隐藏状态
JQuery超简单实现等比例缩放图片大小(收藏)
当页面加载的图片中含有属性width和height值,则可以使用几句简单的jQuery代码实现等比例缩放,也可以通过JQ内置函数来获图片取宽高。
369 0
AI助理

你好,我是AI助理

可以解答问题、推荐解决方案等