急死了！！！如何用JS做框架收放啊！！

有一个小按钮，可以控制的收or放！！隐藏or显示！！像DW界面中的。。我一点也不会啊，看了很多例子，也做不出来呐！！

解决方案 »

  1.   

    页面引入Prototype库window.onload=function(){     var f=$("目标框架Id");
         $("按钮Id").onclick=f.toggle.bind(f);}
      

  2.   

    楼主要这样的？
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="content-type" content="text/html; charset=gb2312">
    <title> new document </title>
    </head> <body>
    <div id="" style="width:500px;margin:0 auto">
    <div id="" style="float:left;width300px;">
    推荐文章
    </div>
    <div id="openw" style="float:right;width:100px;display:none" onclick="article.style.display='block';this.style.display='none';closew.style.display='block'">展开</div>
    <div id="closew" style="float:right;width:100px;" onclick="article.style.display='none';this.style.display='none';openw.style.display='block'">关闭</div>
    </div>
    <div id="article" style="width:500px;margin:0 auto">
    a<br/>
    b<br/>
    c<br/>
    d<br/>
    </div> </body>
    </html>