隐藏一般用style.display="none"
如:
document.getElementById(target+i).style.display="none"
如:
document.getElementById(target+i).style.display="none"
解决方案 »
- 可以通过AJAX返回值更新一个类的属性?
- 请教ff语句
- 网站发布后,别人访问有时需要刷新几次网页才能显示?
- 脚本不能正常工作
- 将页面的显示结果保存为excel时会出现比如账号823010140717926000102在excel中显示成科学记数法,而且还去掉了后面的几位,请问该如何解
- 用javascript如何实现菜单隐藏?
- 如何将word文档在程序里面自动存储为web页面?
- 如何判断鼠标坐标?当鼠标移到屏幕的最左端时,触发一个事件???
- 请问javascript验证文本框中输入值为中文的正则表达式怎么写?
- 如何实现多个div下li标签,一次点击显示6个,显示完标签之后替换图标,然后点击把li标签收只剩下4个,然后又换回原来的图标,各个div不冲突
- 如何在IE7上传FLASH前先浏览?
- JS捕捉按键问题~~~!!!
假如你的a是字符串的话 请加上引号
<li class="nav_title" onclick="menuSwitch('a',2)">产品管理</li>
此外
for(var i=1; i <tag; i++)
不知道你怎么命名的 其他就不好判断了 先改了再看看
function menuSwitch(obj)
{
obj.style.display=obj.style.display=="none"?"block":"none"
}应用:
<li class="nav_title" onclick="menuSwitch(this)">产品管理 </li>
function menuSwitch(obj)
{
if(dodument.getElement("").value=="显示"){
dodument.getElement("").style.display=none;
}
}
function menuSwitch(target,tag)
{
for(i=1; i <tag; i++)
{
var obj=document.getElementById(target+i);
document.getElementById(target+i).style.display=obj.style.display=="none"?"block":"none" }
}
{var id=obj.id;
for(i=1; i <tag; i++)
{var newid=target+i;
if(id==newid){
document.getElementById().className="block";}
else{document.getElementById().className="none";}
}
}<li class="nav_title" onclick="menuSwitch(a,2,this)" id="a2">产品管理</li>
替换成
document.getElementById(target+i).style.display=document.getElementById(target+i).style.display=="none"?"":"none"
试试啊
{var id=obj.id;
for(i=1; i <tag; i++)
{var newid=target+i;
if(id==newid){
document.getElementById().className="block";}
else{document.getElementById().className="none";}
}
}<li class="nav_title" onclick="menuSwitch('a',2,this)" id="a2">产品管理</li>
不行啊 我那代码只隐藏了行,但单击一下无法恢复!!!!! help!
又不知道到底是不是隐藏了剩下的行!
后来又说
我想单击一下隐藏,再单击一下显示 如何实现啊
也不知道之前隐藏的对不对
搞得我有点莫名其妙了...
<li id="t1" class="nav_title" >文章管理</li>
<li id="a1"><a href="#">添加文章</a></li>
<li id="a2"><a href="#">管理文章</a></li>
<li class="nav_title" id="" onclick="menuSwitch2('a',2,this)">产品管理</li>
<li id="b1"><a href="#">添加文章</a></li>
<li id="b2"><a href="#">添加文章</a></li>
<li class="nav_title" id="a2" onclick="menuSwitch2('a',2,this)" >产品管理</li>
<li><a href="#">添加文章</a></li>
<li><a href="#">添加文章</a></li>
代码是这样的。比如点击文章管理,然后添加文章,管理文章这2行就隐藏,再单击,就显示!
类似于后台的菜单导航!
好像还是不行啊!!
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<style>
.hi {
height:200px;
background-color:#990033;
}
.dd{
height:40px;
background-color:#396;
}
</style>
<script language="JavaScript" type="text/javascript">
var thisdiv
function go(i){
var thisdiv2=document.getElementById("s"+i);
if(thisdiv!=undefined && thisdiv!=thisdiv2)thisdiv.style.display = "none"; if(thisdiv2.style.display == "none"){
thisdiv2.style.display = "block";
thisdiv=thisdiv2;
}
else{
thisdiv2.style.display = "none";
}
}
</script>
</head><body>
<div class="dd" id="d1" onclick="go(1)">菜单1<br />
<div class="hi"style="display: none" id="s1">1111<br />111111<br />111<br />111</div>
</div>
<div class="dd" id="d2" onclick="go(2)">菜单2<br />
<div class="hi"style="display: none" id="s2">2222<br />22222<br />22<br />22</div>
</div>
<div class="dd" id="d3" onclick="go(3)">菜单3<br />
<div class="hi"style="display: none" id="s3">3333<br />33<br />333333</div>
</div>
<div class="dd" id="d4" onclick="go(4)">菜单4<br />
<div class="hi"style="display: none" id="s4">4444444<br />44444</div>
</div>
<div class="dd" id="d5" onclick="go(5)">菜单5<br />
<div class="hi"style="display: none" id="s5">5<br />55555<br />55<br />555</div>
</div>
</body>
</html>
function menuSwitch(target,tag)
{
for(i=1; i <=tag; i++)
{
if(document.getElementById(target+i).style.display=="none")
{
document.getElementById(target+i).style.display="block";
}
else
{
document.getElementById(target+i).style.display="none";
}
}
}
我已经解决了,不过还是要谢谢大家 呵呵