欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

jQuery实现可展开合拢的手风琴面板菜单_jquery

程序员文章站 2022-03-31 11:00:02
...
本文实例讲述了jQuery实现可展开合拢的手风琴面板菜单。分享给大家供大家参考。具体如下:

这是一款大家都常见的折叠菜单,手风琴折叠面板,会展开和合拢,带点Flash动画效果,修改时请注意:

slideUp : 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。

slideDown: 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来

运行效果截图如下:

jQuery实现可展开合拢的手风琴面板菜单_jquery

在线演示地址如下:

http://demo.jb51.net/js/2015/jquery-slide-up-down-sfq-style-menu-codes/

具体代码如下:



折叠菜单
ASP
PHP
脚本资源

希望本文所述对大家的jQuery程序设计有所帮助。