js点击显示div，点击取消隐藏div

<script language="javascript" type="text/javascript">
<!--
function changeBody(index){
switch(index){
case 1:{
document.getElementById('iDBody1').style.display = "";
document.getElementById('edit').style.display = "none";
document.getElementById('delete').style.display = "";
break;
}
case 2:{
document.getElementById('iDBody1').style.display = "none";
document.getElementById('edit').style.display = "";
document.getElementById('delete').style.display = "none";
break;
}
}
}
-->
</script>
<span id="delete" style="display:none"><a href="#" onclick="changeBody(2);" />取消</a></span>
<span id="edit"><a href="#" onclick="changeBody(1);" />填写</a></span>
<div id="iDBody1" style="display:none;border:1px solid #B1CEEF;margin-left:0px;background:#E7F1FB;padding-left:10px;width:370px;height:60px;color:#00f;"></div>

本文转自许琴 51CTO博客，原文链接：http://blog.51cto.com/xuqin/943040，如需转载请自行联系原作者

js点击显示div，点击取消隐藏div相关推荐

纯html+css实现点击显示再次点击隐藏并且不联动的多个下拉菜单
纯html+css实现点击显示再次点击隐藏不联动的多个下拉菜单实现不联动的下拉菜单核心思想: input<type="checkbox">(复选框) label和in ...
js实现点击div以外区域，隐藏div区域
页面刚开始刷新时,是显示的: 点击左侧按钮.其他区域或右侧关闭按钮都可以使其隐藏,再点击左侧按钮显示: 注:先引入jQuery版本 JS <script type="text/java ...
微信小程序利用hidden点击显示和点击隐藏
view代码: <view bindtap="shghnn">点击显示/隐藏</view> <view class="a" hid ...
vue实现两重列表集合，点击显示，点击隐藏的折叠效果，（默认显示集合最新一条数据，点击展开，显示集合所有数据）...
效果图: 默认显示最新一条数据: 点击显示所有数据: 代码: 说明:这里主要是这块用来控制显示或者隐藏根据当前点击的这个方法里传递的index 对应 isShow 数组里的index ,对 ...
js-点击div之外，隐藏div
点弹窗之外,隐藏弹窗,或点击div之外,隐藏div 其实原理总结就两句话: 给整个document添加监听点击事件,隐藏div 给div添加监听点击事件,阻止冒泡代码实现 html代码 <bo ...
隐藏div的四种方式
隐藏div是指所选择的div不显示在页面上,但是隐藏后有两种效果 1.隐藏过后的div的位置还是被占用了 2.隐藏过后的div的位置没有被占用下面看几种隐藏div的方法 <!DOCTYPE h ...
js实现点击div隐藏相应部分，再次点击显示
首先看一下html和css的结构: <style> #nav_left{width:120px;height:600px;background-color:#333;margin-left ...
html js 点击隐藏div,javascript实现显示和隐藏div方法汇总
javascript实现显示和隐藏div方法汇总 15种方法实现div显示和隐藏 body{ margin: 0; } h1,h2{ margin: 0; } ul{ margin: 0; paddi ...
JS点击显示隐藏内容
JS点击显示隐藏密码思路:获取元素,判断点击,如果DIV显示就隐藏,如果DIV隐藏就显示出来. 1 if(DIV是显示的){ 2 div.style.display='none'; 3 } 4 el ...

js点击显示div，点击取消隐藏div

js点击显示div，点击取消隐藏div相关推荐

最新文章

热门文章