求一个JS控制DIV显示和隐藏
求一个JS控制DIV显示和隐藏，就是点一下A锚点，然后A锚点下面的DIV就display:none;隐藏起来，再点一下A锚点，DIV就display:blcak;显示出来。
<a href="#" onclic="fun();return false;">显示或隐藏</a>
<div id="show_hide">这是一个div</div>
<script type="text/javascript">
function fun(){
var div = document.getElementById('show_hide');
if(div.style.display=='block'){
div.style.display='none';
}else{
div.style.display='block';
}
}
</script>
<div id="show_hide">这是一个div</div>
<script type="text/javascript">
function fun(){
var div = document.getElementById('show_hide');
if(div.style.display=='block'){
div.style.display='none';
}else{
div.style.display='block';
}
}
</script>
document.getElementById会根据id选择div；
如果使用jq和css3会有更好的效果，有兴趣可以百度一下相关资料。
追问为撒，我按你这个代码，测试没任何反应？
温馨提示：内容为网友见解，仅供参考
第1个回答 2015-05-04
比如说div的<div id='box'> ...... </div>
可以在<a href="javascript:operatorDiv('box');" id="btn">显示或隐藏DIV</a>
<script type="text/javascript">
function operatorDiv(id) {
var div = document.getElementById(id);
div.style.display = (div.style.display == "none") ? "block" : "none";
}
</script>
注：JS一定要放到A标签或DIV之前，
==============================================================
如果用jQuery的话就更方便了；
比如说div的<div id='box'> ...... </div>
可以在<a id="btn">显示或隐藏DIV</a>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("#box").toggle();
});
});
</script>
可以在<a href="javascript:operatorDiv('box');" id="btn">显示或隐藏DIV</a>
<script type="text/javascript">
function operatorDiv(id) {
var div = document.getElementById(id);
div.style.display = (div.style.display == "none") ? "block" : "none";
}
</script>
注：JS一定要放到A标签或DIV之前，
==============================================================
如果用jQuery的话就更方便了；
比如说div的<div id='box'> ...... </div>
可以在<a id="btn">显示或隐藏DIV</a>
<script type="text/javascript">
$(document).ready(function(){
$("#btn").click(function(){
$("#box").toggle();
});
});
</script>
第2个回答 2015-05-04
document.getElementById('a').click=function(){
var div= document.getElementById('div');
if(div.style.display=='block'){
div.style.display='none';
}else{
div.style.display='block';
}
}追问
var div= document.getElementById('div');
if(div.style.display=='block'){
div.style.display='none';
}else{
div.style.display='block';
}
}追问
一个页面有多个这种a标签对应多个div这样会冲突不？
追答会！建议用jquery
追问我做的测试不生效，不知道什么原因，能不能帮我看一下。
地址是：http://www.cdncsj.com/cs.html
找到原因了，网友推荐那个代码里，onclick少了一个k，一直没发现，细节坑人啊。
相似回答
