本文实例讲述了jQuery实现菜单的显示和隐藏功能。分享给大家供大家参考,具体如下:
& lt; !DOCTYPE html>
& lt; html lang=癳n”比;
& lt; head>
& lt;元charset=皍tf - 8”比;
& lt; title> www.jb51.net jQuery显示菜单隐藏和显示& lt;/title>
& lt;/head>
& lt; body>
& lt;脚本src=" http://libs.baidu.com/jquery/2.0.0/jquery.min.js "祝辞& lt;/script>
& lt; script>/* jQuery演示*/$(函数(){
$ (" # div1 ") .click(函数(){
如果($ (“.div2”) . css(显示)==翱椤?{
$ (" .div2 ") . css(“显示”,“没有一个”);
其他}{
$ (" .div2 ") . css(“显示”、“块”);
}
});
});
& lt;/script>
& lt; !——div演示——比;
& lt;输入id=" div1 " type="按钮" value=" https://www.yisu.com/zixun/显示/隐藏”在
& lt; div类=癲iv2”比;
& lt; ui>
& lt; li> aaaa
& lt; li> aaaa
& lt; li> aaaa
& lt; li> aaaa
& lt;/ui>
& lt;/div>
& lt;/body>
& lt;/html>
之前
使用:http://tools.jb51.net/code/HtmlJsRun测试,效果如下:
更多关于jQuery相关内容感兴趣的读者可查看本站专题:《jQuery切换特效与技巧总结》,《jQuery扩展技巧总结》,《jQuery常用插件及用法总结》,《jQuery拖拽特效与技巧总结》,《jQuery常见经典特效汇总》、《jQuery动画与特效用法总结》及《jQuery选择器用法总结》
希望本文所述对大家jQuery程序设计有所帮助。
