Javascript 特效求救

我想做一个有个加号，当我点击加号的时候我的一些控件可以展示出来，再点击就把他们缩进去。、、、、各位大侠帮帮忙

解决方案 »

  1.   

    treeview
    http://www.open-lib.com/Type/194-1.jsp
    去下载吧
      

  2.   

    不是treeview，我不是想做菜单，是想点击+的时候把一些控件隐藏起来而已啦
      

  3.   

    1.放个+图片（id=自己取名）；
    2.$(图片ID).bind("click",function(){
      $(控件1的id).show();//展开
      $(控件2的id).hide();//缩进去
    })
      

  4.   

    像这样？<!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 charset="utf-8">
    <Style>
    a{color:#F00;}
    a.pipi:link{color:#000;}
    span{
    cursor:pointer;
    }
    </style>
    </head>
    <body >
    <div>
    <span>-</span>
    <ul>
    <li>菜单一</li>
    <li>菜单二</li>
    <li>菜单三</li>
    </ul>
    </div>
    <script type="text/javascript">
    window.onload=function(){
    document.getElementsByTagName("ul")[0].style.display="none";
    };
    var obj_op=document.getElementsByTagName("span")[0];
    obj_op.onclick=function(){
    var obj_menu=obj_op.parentNode.getElementsByTagName("ul")[0];
    if(obj_op.innerHTML=="-"){
    obj_menu.style.display="block";
    this.innerHTML="+";
    }
    else{
    obj_menu.style.display="none";
    this.innerHTML="-";
    }
    };
    </script>
    </body>
    </html>