Question

js控制一个div显示隐藏 想要让这个<a href='?ID=$v[id]' onclick=\"toggle('div1')\">详细</a>

事件触发后显示一个div 怎么写js代码

Answer 1

<script type="text/javascript">
function disp_alert(){
var div = document.getElementById('Open_Win');
if(div.style.display=="none"){
div.style.display="block";
}
}
function Close_alert(){
var div = document.getElementById('Open_Win');
if(div.style.display=="block"){
div.style.display="none";
}
}
</script>

第一段是点击显示，第二段是点击关闭

<a href="#" onclick="disp_alert()">详细</a>
<div id="Open_Win" style="display:none; width:200px; height:100px; background:red; text-align:center; line-height:100px;"><a href="#" onclick="Close_alert()">关闭</a></div>

追问

为什么点击详细后，div是显示了，但是又马上关闭了？？？？而不是点击“关闭”在关闭呢

追答

我这里给各个版本浏览器都做了兼容测试，给你的代码和js都没问题
js不用修改，点击显示和关闭的关键是：onclick="disp_alert()" 、 id="Open_Win" 、onclick="Close_alert()" 、 style="display:none;“

你自己再检查一下自己的代码

追问

OK ,谢谢你啊，能留个QQ吗，以后有问题好能再请教