当另一个 div 打开时，我需要什么代码来折叠另一个 div？

我使用一段简单的代码来使 div 折叠，就是这样：

<script language="JavaScript">
    <!--   
        function expand(param)   
        {   
            param.style.display=(param.style.display=="none")?"":"none";   
        }   
    //-->  
</script>

我需要添加什么代码才能使其识别何时打开一个 div 并折叠前一个 div？
这是我要使用的链接：

<a href="javascript:expand(document.getElementById('div1'))">Link 1</a>  
      <div id="div1" width="300px" style="display:none"></div>

有任何想法吗？

这是 jQuery 非常擅长的事情。这是 jsfiddle 中的一个工作示例。

http://jsfiddle.net/mrtsherman/uqnZE/

示例 html

<div class="category">A
    <div class="artists">Apple<br/>Ace<br/>Ants<br/></div>
</div>
<div class="category">B
    <div class="artists">Bee<br/>Bop<br/>Book<br/></div>
</div>
<div class="category">C
    <div class="artists">Cake<br/>Chimp<br/>Charles<br/></div>
</div>

和代码：

$(".category").click( function() {    
    $(".artists").hide();
    $(this).children(".artists").show();
});

基本上，它的作用是隐藏所有包含艺术家的 div，然后显示您单击的 div。真的很简单。