jQuery实现可展开合拢的手风琴面板菜单_jquery
程序员文章站
2022-04-13 20:33:41
...
本文实例讲述了jQuery实现可展开合拢的手风琴面板菜单。分享给大家供大家参考。具体如下:
这是一款大家都常见的折叠菜单,手风琴折叠面板,会展开和合拢,带点Flash动画效果,修改时请注意:
slideUp : 通过高度变化(向上减小)来动态地隐藏所有匹配的元素,在隐藏完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式隐藏起来。
slideDown: 通过高度变化(向下增大)来动态地显示所有匹配的元素,在显示完成后可选地触发一个回调函数。这个动画效果只调整元素的高度,可以使匹配的元素以“滑动”的方式显示出来
运行效果截图如下:
在线演示地址如下:
http://demo.jb51.net/js/2015/jquery-slide-up-down-sfq-style-menu-codes/
具体代码如下:
希望本文所述对大家的jQuery程序设计有所帮助。