<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>隐藏和显示</title> <style> *{ padding: 0; margin: 0;} li{ list-style-type: none;} body{ margin: 50px;} a{ text-decoration: none; color:#f00;} ul{ border:3px solid #abcdef; width: 200px; display: none;} span{cursor: pointer;} </style> </head> <body> <span>更多</span> <ul> <li><a href="#">列表一</a></li> <li><a href="#">列表二</a></li> <li><a href="#">列表三</a></li> <li><a href="#">列表四</a></li> <li><a href="#">列表五</a></li> </ul> <script src="jquery.js"></script> <script> $(function(){ var oBtn = $('span'); var oContent = $('ul'); oBtn.click(function(){ /*if(oContent.is(':visible')){ oContent.slideUp(); }else{ oContent.slideDown(); }*/ oContent.slideToggle(); }); }); </script> </body> </html>
效果图:
相关推荐
NULL 博文链接:https://onestopweb.iteye.com/blog/2339062
NULL 博文链接:https://carey-pro.iteye.com/blog/1451881
jQuery隐藏显示密码插件是一款hideShowPassword插件,可以让你轻松隐藏和显示一个密码输入字段的内容。
项目开发中 web系统会有悬浮按钮样式显示,当页面滚动式,悬浮按钮偶尔会遮挡文字效果 jq滚动隐藏悬浮图标 停止显示
jquery点击显示 隐藏事件 button div
jquery 鼠标经过显示全部内容离开隐藏部分内容
完美的鼠标放上去jquery显示隐藏层,源程序来自网络,感谢原作者,我在上面增加成了显示隐藏多个层,而且是任意位置的图片、文字均可以,非常实用。简单到一眼看明白使用方法,希望帮到需要的朋友。
jQuery实现HTML元素隐藏和显示 让我们来模仿一下淘宝网当你搜索某个商品的时候,那种显示全部品牌和显示部分品牌的功能。 首先我们来理清一下思路: 1、一开始需要先隐藏需要隐藏的元素 2、你需要通过jquery...
jQuery密码显示隐藏登录表单
jQuery输入框密码显示隐藏代码是一款实用的密码表单显示隐藏密码特效代码。
jQuery对div的显示和隐藏: 显示: 代码如下: $(“#id”).show() 隐藏: 代码如下: $(“#id”).show() js对div的显示和隐藏: div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 代码如下: style...
顶部导航显示或者隐藏
这是一款jQuery显示/隐藏更多文字内容插件。该插件可以将很长的一段文字按要求进行部分隐藏和全部展示,并且可以定制隐藏和展开内容时的动画效果。
NULL 博文链接:https://tydldd.iteye.com/blog/1727864
jQuery显示隐藏DIV简单实例,需要隐藏网页的部分内容时经常会使用到展开、收起DIV,不是弹出的效果。
各种js/jquery实现的指定元素的隐藏与显示、文本内容的变化、刚接触jquery和js的同志们可以看下,比较基础实用
jQuery滚动隐藏/显示顶部标题 当你在浏览器中向下滚动鼠标时隐藏头部导航,向上滚动时显示. 演示地址:http://www.jq22.com/plugin/597
在注册一些网站的时候,我们经常看到可以显示密码的情况,今天特意整理了下这个jquery代码分享给大家使用。 使用方法: 1、调用lanrenzhijia.css样式以及jquery库 2、调用本案例推荐的一段jquery代码在head中 3、...