Question

html 点击一个按钮 显示另一个div 隐藏之前呢个div(display属性，怎么用js控制)

<script type="text/javascript" language="javascript">

</script>
<input type="button" value="点击" id="btn" />
<div id="t1" style="display:block"><h3>隐藏这个</h3></div>
<div id="t2" style="display:none">
<h3>显示这个<span>烦烦烦：<input type="text" name="jiqun" id="jiqun" value=""/>
<a href="#">嘎嘎嘎</a> </span>
</h3>
</div>

Answer 1

<script>
function show(id){
var show1 = document.getElementById('t1'); //设置一个变量用于接收id=t1的元素
var show2= document.getElementById('t2'); //设置一个变量用于接收id=t2的元素
if(show1.style.display != 'block'){ //判断如果id=t1的display不是block
show1.style.display = 'block'; //将=t1的display样式赋值成block;其它不想显示变为none,否则相反
show2.style.display='none';
}else{
show1.style.display = 'none';
show2.style.display='block';
}
}
</script>
<input type="button" value="点击" id="btn" onclick="show(t1);"/>
<div id="t1" style="display:block"><h3>隐藏这个</h3></div>
<div id="t2" style="display:none">
<h3>显示这个<span>烦烦烦：<input type="text" name="jiqun" id="jiqun" value=""/>
<a href="#">嘎嘎嘎</a> </span>
</h3>
</div>

Answer 2

<script type="text/javascript" language="javascript">
function tab(name,cursel,n){
for(i=1;i<=n;i++){
var con=document.getElementById(name+"_"+i);
var con1=document.getElementById(name+"_"+i+"_"+i);

con.style.block=i==cursel?"display":"none";
con1.style.display=i==cursel?"block":"none";
}}
</script>
<div id="syxm1" onmousedown="tab('syxm',1,1)">点击</div>
<div id="syxm_1"><h3>隐藏这个</h3></div>
<div id="syxm_1_1" style="display:none">
<h3>显示这个<span>烦烦烦：<input type="text" name="jiqun" id="jiqun" value=""/>
<a href="#">嘎嘎嘎</a> </span>
</h3>
</div>
这个满足你得要求。onmousedown="tab('syxm',1,1)这里换成onclick="tab('syxm',1,1)也可以。

Answer 3

我用jquery写下吧。原生的差不多的道理。
$("#btn").click(function(){
$("#t1").hide();
$("#t2").show();
})

追问

我单独试了的确是我想要的效果 但是放在我写的网页里就是不起作用唉。。。 要显示的呢个div总是一闪而过 第一个隐藏不掉

追答

你最好能提供给我一个测试的文件。要不然不知道具体的情况。

追问

效果只能在ie里实现 360，谷歌都是一闪而过

追答

是不是你的点击按钮是超链接？如果是超链接的话得去掉超链接的默认行为。
$("#btn").click(function(e){ $("#t1").hide(); $("#t2").show();
e.preventDefault();// 去除默认行为})

Answer 4

................................click事件。。。。！！