jQuery实现菜单的显示和隐藏功能示例

本文实例讲述了框架实现菜单的显示和隐藏功能。分享给大家供大家参考，具体如下：

！DOCTYPE html html lang=' en ' head meta charset=' UTF-8 ' titlewww.jb51.net jQuery显示菜单隐藏和显示/title/head dyscript src=' http :http://libs。百度。com/jQuery/2。0 .0/jQuery。量滴js '/script脚本/* jQuery演示*/$(function(){ $(“# div 1”)).单击(function(){ if($(。div 2 ').CSS(' display ')==' block '){ $(。div 2 ').css('display '，' none ')；} else { $(。div 2 ').css('display '，' block ')；} });});/脚本！- div演示-输入id='div1 '类型='按钮'值='显示/隐藏div class=' div 2 ' style=' display : block ' ui liaa/Li liaa/Li liaa/Li liaa/Li/ui/div/body/html使用在线HTML/CSS/JavaScript代码运行工具：http://工具。JB 51。net/code/HTMljsrun测试，效果如下：

更多关于框架相关内容感兴趣的读者可查看本站专题： 《jQuery切换特效与技巧总结》 、 《jQuery扩展技巧总结》 、 《jQuery常用插件及用法总结》 、 《jQuery拖拽特效与技巧总结》 、 《jQuery常见经典特效汇总》 、 《jQuery动画与特效用法总结》 及《jquery选择器用法总结》

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