求助JS更改

哪位大侠帮助看一下，怎么把这个改成，如果有一个图层展开，点击展开另外一个图层的时候，则把这个图层关闭，谢谢大家了！
<style type="text/css">
#g_link,#g_link2,#g_link3,#g_link4{padding:10px;border:1px solid red;}
</style><script type="text/javascript">
function open_g_link1(oSourceObj,oTargetObj,shutAble,oOpenTip,oShutTip){
var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;
var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;
var openTip = oOpenTip || "";
var shutTip = oShutTip || "";
if(targetObj.style.display!="none"){
   if(shutAble) return;
   targetObj.style.display="none";
   if(openTip  &&  shutTip){
    sourceObj.innerHTML = shutTip;
   }
} else {
   targetObj.style.display="block";
   if(openTip  &&  shutTip){
    sourceObj.innerHTML = openTip;
   }
}
}
</script><p><a href="#" _fcksavedurl="#" onclick="open_g_link1(this,'g_link1')">黄金链1</a></p>
<p><a href="#" _fcksavedurl="#" onclick="open_g_link1(this,'g_link2')">黄金链2</a></p>
<p><a href="#" _fcksavedurl="#" onclick="open_g_link1(this,'g_link3')">黄金链3</a></p><div id="g_link1" style="display:none"><a href="http://www.baidu.com">百度1：</a><br>
</div><div id="g_link2" style="display:none"><a href="http://www.baidu.com">百度2：</a><br>
</div><div id="g_link3" style="display:none"><a href="http://www.baidu.com">百度3：</a><br>
</div>

解决方案 »

  1.   

    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf8" />
    <title></title>
    <style type="text/css">
    #g_link,#g_link2,#g_link3,#g_link4 {
    padding: 10px;
    border: 1px solid red;
    }
    </style>
    <script type="text/javascript">
    function open_g_link1(oSourceObj, oTargetObj, shutAble, oOpenTip, oShutTip) {
    var sourceObj = typeof oSourceObj == "string" ? document.getElementById(oSourceObj) : oSourceObj;
    var targetObj = typeof oTargetObj == "string" ? document.getElementById(oTargetObj) : oTargetObj;
    var openTip = oOpenTip || "";
    var shutTip = oShutTip || "";
    var divs = document.getElementsByTagName('div');
    for (var i = 0, len = divs.length; i < len; i++) {
    var divId = divs[i].id;
    if (divId == targetObj.id) {
    targetObj.style.display = "";
    } else {
    document.getElementById(divId).style.display = "none"
    } }}
    </script>
    </head>
    <body>
    <p>
    <a href="#" _fcksavedurl="#" onclick="open_g_link1(this,'g_link1')">黄金链1</a>
    </p>
    <p>
    <a href="#" _fcksavedurl="#" onclick="open_g_link1(this,'g_link2')">黄金链2</a>
    </p>
    <p>
    <a href="#" _fcksavedurl="#" onclick="open_g_link1(this,'g_link3')">黄金链3</a>
    </p> <div id="g_link1" style="display: none">
    <a href="http://www.baidu.com">百度1：</a>
    <br>
    </div> <div id="g_link2" style="display: none">
    <a href="http://www.baidu.com">百度2：</a>
    <br>
    </div> <div id="g_link3" style="display: none">
    <a href="http://www.baidu.com">百度3：</a>
    <br>
    </div> </body>
    </html>
    是要这个效果么？