jQuery向下滑动一个，向上滑动所有？

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