控制文字内容的显示与隐藏示例
更新时间：2014年06月11日 09:05:34 作者：
控制某id或class的地div显示与隐藏是比较容易实现的，但若控制文字内容的显示与隐藏该如何做到呢？下面有个示例，大家可以参考下
复制代码 代码如下:
<a href="javascript:void(0);" id="open" onclick="document.getElementById('content').style='display:block';
document.getElementById('open').style='display:none';
document.getElementById('hidden').style='display:block;'" style="display:block">展开</a>
<a href="javascript:void(0);" id="hidden" type="hidden" onclick="document.getElementById('content').style='display:none';
document.getElementById('hidden').style='display:none';
document.getElementById('open').style='display:block';" style="display:none">关闭</a>
<div id="content" class="a" style="display:none">
<p>脚本之家提供最新的网络编程、脚本编程、网页制作、网页设计、网页特效，为站长与网络编程从业者提供学习资料</p>
</div>
相关文章
本文通过一个例子给大家简单介绍了bootstrap fileinput初始化时的一些参数，非常不错，具有参考借鉴价值，需要的朋友参考下2016-12-12
做一个弹出dialog时用到了取父页面的宽度和高度的方法,需要的朋友可以参考下2014-02-02
解读new Object()和Object.create()的区别
这篇文章主要介绍了解读new Object()和Object.create()的区别及说明，具有很好的参考价值，希望对大家有所帮助。如有错误或未考虑完全的地方，望不吝赐教2023-02-02
本文主要介绍了js仿淘宝评价评分功能——点击心形生成得分（有半心选择），具有很好的参考价值，下面跟着小编一起来看下吧2017-02-02
这篇文章主要介绍了js变量值传到php过程详解 将php解析成数据，传参数去后台，用ajax，或者原生js方式拼接url。明白原理，洞悉系统是先解析php，再执行html代码和js代码。,需要的朋友可以参考下2019-06-06
[红色]经验几则 推荐...2006-09-09
这篇文章主要介绍了一文搞懂Map与Set的用法和区别,文章开头给大家介绍了map和set的基本概念，了解这些基础知识能够帮助我们更好的使用，需要的朋友可以参考下2022-06-06
这篇文章主要介绍了使用AJAX实现Web页面进度条的实例分享,利用AJAX的异步来显示服务器端的处理进度是当下比较流行的做法,需要的朋友可以参考下2016-05-05
这篇文章主要介绍了JavaScript模拟重力状态下抛物运动的方法,实例分析了javascript操作dom元素模拟运动的方法,具有一定参考借鉴价值,需要的朋友可以参考下2015-03-03
JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)
本篇文章只要是对JavaScript的常见兼容问题及相关解决方法(chrome/IE/firefox)进行了详细的介绍，需要的朋友可以过来参考下，希望对大家有所帮助2013-12-12
最新评论