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点击指定按钮显示某些内容效果

ava" import="java.util.*" pageEncoding="utf-8"% ...

hibernate报错

报错二:java.lang.ExceptionInInitializerError java.lang.ExceptionInInitializerError at com.java1234.serv ...

jquery实现上传图片预览(需要浏览器支持html5)

jquery实现上传图片预览(需要浏览器支持html5) q ...

grasp设计模式笔记回顾

根据讲师所讲做了一下笔记以便自己能方便学习: ------------------------------------------grasp设计模式: grasp(general responsibi ...

thrift概述

Apache Thrift 是FaceBook实现的一种跨平台的远程服务调用(RPC)的框架.它采用接口描述语言(IDL)定义并创建服务,传输数据采用二进制格式,相对于XML和Json等常用数据传输方 ...

Beta冲刺NO.2

Beta冲刺 第二天 1.昨天的问题 由于前面的冲刺留下的问题很多,而且混乱的代码给我们接下来的完善工作带来了巨大的困难. 2. 今天解决的进度 潘伟靖: 1.对代码进行了review 2.为系统增加 ...

luogu2312 [NOIp2015]解方程 (秦九韶)

秦九韶算法:多项式$a_0+a_1x+a_2x^2+...+a_nx^n=a_0+x(a_1+x(a_2+...+(xa_n))..)$,这样对于一个x,可以在O(n)求出结果 为了避免高精度,我们同 ...

ASP.NET服务器端控件原理分析

服务器端控件触发事件分两种: 1.服务器端控件Button被渲染成客户端的

07.Curator计数器

这一篇文章我们将学习使用Curator来实现计数器.顾名思义,计数器是用来计数的,利用ZooKeeper可以实现一个集群共享的计数器.只要使用相同的path就可以得到最新的计数器值,这是由Zo ...