我是新手 下面的代码是下午刚写的一个简单的切换效果 可是在测试的时候 点击选择一  选择二 什么的  都可以  就是 下面的 层 显示出来后 就不能隐藏了  大家帮忙看下是哪里出现了 问题 我的是IE6 谢谢  了····

<style type="text/css">
<!--
    #d{
           
        text-align:center;
        color:#FF0000;
        padding:5;
        background:#009900;
        border:2px  solid #FF00FF    ;
        width:420;
        height:150;
        align:center;
    }
    #d div{
        display:none;
    }
    #d .d1{
        display:block;
    }
    #d .up{
         color:#33FF00;
    }
    #d div{   
          margin-top:50;
          color:#ffffff;
          background-color:#669900;
          height:100
    }
    #d h2{
          float:left;
          width:100px;
          height:30px;
          line-height:25px;    
          over-flow:hidden
          text-align:center;
    }

 -->
</style>


<div id="d">

<h2 onClick="go_to(1)" >选择一</h2>
<h2  onClick="go_to(2)">选择二</h2>
<h2  onClick="go_to(3)">选择三</h2>
<h2  onClick="go_to(4)">选择四</h2>

<div class="d1">1111111</div>
<div>2222222</div>
<div>33333333</div>
<div>4444444</div>

</div>

<script language="javascript">
function go_to(ao)
  {
     var h=document.getElementById("d").getElementsByTagName("h2");
     var d=document.getElementById("d").getElementsByTagName("div");

  for(var i=0;i<h.length;i++)
    {
       if(ao-1==i)
    {
        d[i].className+="d1";
        h[i].className+="up";
   
    }else
   
    {
        h[i].className+=" ";
        d[i].className+=" ";    
   
    }

 
  }
}


</script>

没人回 啊 怎么     ····帮帮忙··谢谢了 ·

你的写法本身就有问题，我是在你基础之上修改的，如下
<style type="text/css">
<!--
    #d{
           
        text-align:center;
        color:#FF0000;
        padding:5;
        background:#009900;
        border:2px  solid #FF00FF    ;
        width:420;
        height:150;
        align:center;
    }
    #d div{
        display:none;
    }
    #d .d1{
        display:block;
    }
    #d .up{
         color:#33FF00;
    }
    #d div{   
          margin-top:50;
          color:#ffffff;
          background-color:#669900;
          height:100
    }
    #d h2{
          float:left;
          width:100px;
          height:30px;
          line-height:25px;   
          over-flow:hidden
          text-align:center;
    }
-->
</style>


<div id="d">

<h2 onClick="go_to(1)" >选择一</h2>
<h2  onClick="go_to(2)">选择二</h2>
<h2  onClick="go_to(3)">选择三</h2>
<h2  onClick="go_to(4)">选择四</h2>

<div class="d1">1111111</div>
<div>2222222</div>
<div>33333333</div>
<div>4444444</div>

</div>

<script language="javascript">
function go_to(ao)
  {
     var h=document.getElementById("d").getElementsByTagName("h2");
     var d=document.getElementById("d").getElementsByTagName("div");

  for(var i=0;i<h.length;i++)
         d[i].className="";
      h[i].className="";
    {
       if(ao-1==i)
    {
        d[i].className+="d1";
        h[i].className+="up";
   
    }else
   
    {
        h[i].className+=" ";
        d[i].className+=" ";   
   
    }

  }
}


</script>

  谢谢啊    不过 还是 不行啊  不能切换  了直接···

额，不知道要的具体是什么效果，如果是每次点击显示相同index的div的话，在script里面改class的时候不能写成+=，写成赋值=就行了，+=是其本身再加上赋值内容，条件判断的else里等于是无用的。
改成    if(ao-1==i)
    {
        d[i].className="d1";
        h[i].className="up";
   
    }else
   
    {
        h[i].className=" ";
        d[i].className=" ";   
   
    }

或者更简单点：d[i].className=ao-1==i?"d1":"";
    h[i].className=ao-1==i?"up":"";
这样就不用写好几行的if了。

ps:样式表里的overflow写错了，没有-

真是谢谢  你啊   可以了   就是多写了一个  “+” 呵呵   能交个朋友吗 ？我的QQ：396362666  我还剩下 15个分怎么 给你结贴啊 ？