html怎么先隐藏点击出来的,HTML5--》点击显示隐藏内容

浏览器支持比较差,可以用JavaScript实现这种功能。

js点击显示隐藏内容

body{font-size:12px;}

span{font-weight:bold;}

details{

overflow:hidden;

height:0;

padding-left:200px;

position:relative;

display:block;

}

details[open]{height:auto;}

点击显示内容

www.calamus.cn

function spanClick(){

var obj=document.getElementById("details1");

var att=obj.getAttribute("open");

if(att!="open"){

obj.setAttribute("open","open");

}

else{

obj.removeAttribute("open");

}

}

效果图

8aa8f6d6fc2c3f713e39ac1b6640911a.png

点击一下出现/消失

06887543013a984b8f6ff6cbc5057b8f.png

JS点击显示隐藏内容

JS点击显示隐藏密码 思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...

EditTextPreference点击后输入框显示隐藏内容,类似密码输入(转)

http://bbs.anzhuo.cn/thread-928131-1-1.html EditTextPreference点击后输入框显示隐藏内容,类似密码输入... [复制链接]     aski ...

锋利的Jquery(点击显示隐藏div)

点击显示隐藏div nd"    省略号在结尾an ...

js 事件点击 显示 隐藏

&qu

js勾选时显示相应内容

使用环境,一.比如用户勾选时显示一些安全方面提示“你真的要自动登录吗?这将使你下次不需要密码即可进入你的个人中心.”二.显示其他预设选项,以方便用户选择输入,比如密保问题设置,当用户不想使用自定义设置 ...

基于Jquery UI的autocompelet改写,自动补全控件,增加下拉选项,动态设置样式,点击显示所有选项,并兼容ie6+

Jquery UI的autocompelete改写 注意:实现功能,除了原版的自动补全内容外,增加一个点击显示所有选项,样式能动态设置. 加载数据的来源为后台数据库读取. 具体代码如下: 引用 从官方 ...

HTML5+CSS3点击指定按钮显示某些内容效果

+id/webview ...

通过action 跨进程启动activity

在一些场景中我们需要从一个进程启动另外的一个应用的activity,这有什么好办法? 这里介绍一种方法,通过自定义 action 通过filter来启动. 如果你需要启动一个你自己写的另一个app的a ...

文件名过滤器FilenameFilter的用法

Java.io.FilenameFilter是文件名过滤器,用来过滤不符合规格的文件名,并返回合格的文件: 实例1,匹配指定字符结尾的文件 package cn.test; import java.i ...

阻止提交按钮的默认 action

使用 preventDefault() 函数来阻止对表单的提交. 示例代码如下:

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值