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

Question

我使用了一些简单的代码来折叠一个 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>

有什么想法吗？

Answer 1

这正是 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。真的很简单。