Question

求一个JS控制DIV显示和隐藏

求一个JS控制DIV显示和隐藏，就是点一下A锚点，然后A锚点下面的DIV就display:none;隐藏起来，再点一下A锚点，DIV就display:blcak;显示出来。

Answer 1

<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>

 document.getElementById会根据id选择div；

如果使用jq和css3会有更好的效果，有兴趣可以百度一下相关资料。

追问

为撒，我按你这个代码，测试没任何反应？

Answer 2

比如说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>

Answer 3

document.getElementById('a').click=function(){
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，一直没发现，细节坑人啊。