jQuery slide down one, slide up all?

Question

У меня есть этот скрипт:

<script> 
    function toggle(n) { 
    $("#panel"+n).slideToggle("slow"); 
    } 
</script> 

И этот HTML файл:

<div id="fun1" onClick="toggle(1);">1</div> 
<div id="panel1"> 
1 
</div> 
<div id="fun2" onClick="toggle(2);">2</div> 
<div id="panel2"> 
2 
</div> 
<div id="fun3" onClick="toggle(3);">3</div> 
<div id="panel3"> 
3 
</div> 

Когда я нажимаю один на них он скользит вниз, но другие не скользят, если они уже вниз? Как я могу позволить другим скользить вверх?

Примечание: у нас может быть n панелей.

Answer 1

Использование:

function toggle(n) { 
    $("[id*=panel]").not("#panel"+n).slideUp(); 
    $("#panel"+n).slideToggle("slow"); 
} 

Working Demo