Question

js控制div显示与隐藏

一个页面：

左侧div代码为：
<div class="tools">
<div class="intools" id="d1"><a href="">未付款订单</a></div>
<div class="intools" id="d2"><a href="">已付款订单</a></div>
<div class="intools" id="d3"><a href="">会员等级说明</a></div>
<div class="intools" id="d4"><a href="">修改个人信息</a></div>
<div class="intools" id="d5"><a href="">我要搜索</a></div>
</div>
右侧为显示内容div 代码：
<div class="unpaied">.........</div>//与上面的一一对应
<div class="paied">.........</div>
<div class="level">.........</div>
<div class="users">.........</div>
<div class="search">.........</div>
帮写一个js代码 点击一个链接时 该链接所在div背景颜色变为#e38d13 同事右侧只显示其对应的div
谢谢
当点击下一个div时 当前显示的div恢复原来的颜色 并隐藏右侧对应的div

Answer 1

先给右面的都加个name="a"

function ss(id)
{
var x=document.getElementById(id);
var y=document.getElementsByName("a");

for(i=0;i<5;i++)
{y.item(i).value.visibility="visible"; }//先使之前显示的隐藏

if(id=="di")
{x.style.backgroundColor=""; //改变对应项的背景色
y.item(0).style.visibility="visible"; }//使对应的右面项的可见

else if(id=="d2")
{x.style.backgroundColor="";
y.item(1).style.visibility="visible"; }

剩下的以此类推，当然用switch语句也行
}