我做了两个层div 切换显示 两个层是放在一个<tr>里边的,第二个层因为有<td>不能隐藏,去掉<td>可以隐藏 但是去掉<td>布局格式就变了,求助怎么解决。
例:
<tr>
<div id="divwelcome" style="display:none">
<li>你好,我是第一个层</li>
</div>
<div id="divlogin" style="display:block">
<td>你好我是第二个层</td>
<div>
</tr>
例:
<tr>
<div id="divwelcome" style="display:none">
<li>你好,我是第一个层</li>
</div>
<div id="divlogin" style="display:block">
<td>你好我是第二个层</td>
<div>
</tr>
$("#divwelcome").click(function(){
if($("#divwelcome").is(":visible")
$("#divwelcome").hide("slow");
else
$("#divwelcome").show("slow");
)})
<td>
<div id="divwelcome" style="display:none">
<li>你好,我是第一个层</li>
</div>
<div id="divlogin" style="display:block">
你好我是第二个层
<div>
</td>
</tr>
$("#divwelcome").click(function(){
if($("#divwelcome").is(":visible")
$("#divwelcome").hide("slow");$("#divlogin").show("slow");
else
$("#divwelcome").show("slow");$("#divlogin").hide("slow");
)})
该js用到了jQuery库,点击id为divwelcome的div,使id为divlogin的div可见性与divwelcome相反。
<td>
<div id="divwelcome" style="display:none">
<br>你好,我是第一个层
</td>
</tr><tr>
<td>
<div id="divlogin" style="display:block">
<br>你好我是第二个层
<td>
</tr>
div不能放在tr里