Question

JS点击显示导航菜单效果，求能切换的。

<!--js代码-->

<script language="javascript">
function DIVShow(i){
if( document.getElementById(i).style.display=='none')
{document.getElementById(i).style.display = 'block';}
else
{document.getElementById(i).style.display = 'none';}
}
</script>

<!--js导航超链接-->
<a href="javascript:DIVShow('hidden1')">个人产品</a>
<a href="javascript:DIVShow('hidden2')">商用产品</a>

<!--js隐藏层-->
<div class="show" style="display:none;" id="hidden1">
<ul class="nav_2">
<div class="jtou" style="position:relative;left:116px;top:-11px;"></div>
<span style="float:left;color:#0085C3;font-size:15px;font-weight:bold;height:55px;line-height:55px;">限时特惠 </span>
<li><a href="#">笔记本</a></li>
<li><a href="#">超级本</a></li>
<li><a href="#">台式机</a></li>
<li><a href="#">一体机</a></li>
<li><a href="#">Alienware游戏电脑及配件</a></li>
<li><a href="#">显示器</a></li>
</ul>
</div>

问题：点击heden2的时候无法隐藏heden1这个DIV！

Answer 1

你是不是还有个div的id为hidden2了 但是你这里只有一个div，我已经在加了一个div id为hidden2 看看是不是你要的那种效果。
<a href="javascript:DIVShow('hidden1')">个人产品</a>
<a href="javascript:DIVShow('hidden2')">商用产品</a>

<div class="show" style="display:none;" id="hidden1">
<ul class="nav_2">
<div class="jtou" style="position:relative;left:116px;top:-11px;"></div>
<span style="float:left;color:#0085C3;font-size:15px;font-weight:bold;height:55px;line-height:55px;">限时特惠 </span>
<li><a href="#">笔记本</a></li>
<li><a href="#">超级本</a></li>
<li><a href="#">台式机</a></li>
<li><a href="#">一体机</a></li>
<li><a href="#">Alienware游戏电脑及配件</a></li>
<li><a href="#">显示器</a></li>
</ul>
</div>
<div class="show" style="display:none;" id="hidden2">asfaff</div>

Answer 2

DIVShow(i) 这个方法中只是判断你传给当前ID根据状态进行显示隐藏，并没对其他的ID进行判断，所以功能要加一下。

Answer 3

你这个函数没有加上点击事件，而且写法也有问题！

Answer 4

这肯定会不隐藏啦

追问

求能隐藏的代码。

追答

heden是什么意思啊

追问

hidden2，我写错了，就是一个ID

追答

只要改一下那个方法就可以了。

追问

怎么改？

追答

function DIVShow(id1,id2)
{

if(document.getElementById(id1).style.display=='none')
{
document.getElementById(id1).style.display = 'block';
document.getElementById(id2).style.display = 'none';
}
else
{
document.getElementById(id2).style.display = 'block';
document.getElementById(id1).style.display = 'none';
}
}

个人产品
商用产品