页面中指定内容的显示和隐藏
2012-01-30 15:46
218 查看
1 单个表格中隐藏和显示 ：
View Code function toggle(targetId, link) {
if ($("#"+ targetId).css("display") == "none") {
$("#"+ targetId).show();
$("#"+ link).html("隐藏");
} else {
$("#"+ targetId).hide();
$("#"+ link).html("显示");
}
}
Eg：
<span>
<a id="link1" href="javascript:toggle('content1','link1');">显示</a>基本信息
</span>
<div id="content1">内容</div>说明：targetId是要隐藏的div的id，link是要改变的点击内容
View Code function toggle(targetId, link) {
if ($("#"+ targetId).css("display") == "none") {
$("#"+ targetId).show();
$("#"+ link).html("隐藏");
} else {
$("#"+ targetId).hide();
$("#"+ link).html("显示");
}
}
Eg：
<span>
<a id="link1" href="javascript:toggle('content1','link1');">显示</a>基本信息
</span>
<div id="content1">内容</div>说明：targetId是要隐藏的div的id，link是要改变的点击内容
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 页面内容添加新的显示或者显示隐藏的内容，滚动条滚动到最低端，显示出新内容
- jquery 显示/ 隐藏 页面中部分内容
- 页面内容的隐藏和显示-hide()方法和show()方法
- jquery 显示/ 隐藏 页面中部分内容
- Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----by Cheney Wang
- 页面里有些隐藏的内容，在查看时不显示的问题
- Pega How To系列之一：如何在页面上动态显示/隐藏内容 ----CheneyWang
- jsp页面 隐藏和显示内容
- jquery 显示/ 隐藏 页面中部分内容
- 打印web页面，让指定区域里的内容不会分页显示。
- 显示或隐藏客户端页面中包含指定文字的DIV 标签
- 让链接在指定的iframe中跳转显示，实现链接内容不刷新父页面显示到iframe中
- jsp页面显示指定文字，多余的用...代替，鼠标指着会显示全部内容
- 鼠标移动到指定位置显示网页内容，鼠标移出隐藏
- 指定一个内容，网页中若有span标签含有该内容，则该span标签内的内容不显示在页面中
- php 获取用textarea保存到数据库的内容，显示到页面保持换行
- Jquery 实现点击一个页面跳转后在另外一个页面显示指定位置
- angularjs 在 iframe 里面无法正确显示 src 指定的内容
- js加载读取内容及显示与隐藏div
- 这样控制DataGrid的单元格内内容自动隐藏，鼠标移上时显示全部