DIV 显示隐藏问题

来源：百度知道 编辑：UC知道 时间：2024/09/20 17:52:57
现有两个层

<div id="name1"></div>
<div id="name2" style="display:none"></div>

点击一个链接,隐藏层name1同时显示层name2,到这一步就行了,再点击不需要任何效果了

不多说，帮你写全代码。
<script>
function showAndHide()
{
var name1=document.getElementById("name1");
var name2=document.getElementById("name2");
name1.style.display='none';
name2.style.display='block';
}
</script>

<div id="name1">内容1</div>
<div id="name2" style="display:none">内容2</div>

<a onclick="showAndHide ()">变换</a>

<script type="text/javascript">
<!--
function MM_showHideLayers() { //v9.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3)
with (document) if (getElementById && ((obj=getElementById(args[i]))!=null)) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->