slideDown() slideUp() reversal

Question

我想要的是一个与slideDown() slideUp()相同的命令，但从相反的方向工作。

基本上，slideUp()打开slideDown()关闭div

如果只有两个div，则不需要这样做，但它将在同一空格中包含五个或更多。

如果不可能，唯一的选择是如果可以"移动"堆栈中的div。
因此，在关闭时，div将html中的位置移动到刚刚打开的位置之上。这样的话，幻觉仍然存在。

编辑:
从外观上看，虽然如上所述，"Accordion"jQuery函数并不是我想要的，但是一个子类看起来很有希望。

如果有熟悉jQuery的人可以帮忙，是否可以使用"Sortable"选项，而是在点击时进行排序。
例如，单击，移动到顶部，然后打开....？?

Answer 1

你的意思是你想要手风琴效果?

像这样http://jqueryui.com/accordion/?

Answer 2

好吧，已经有一段时间了，但我想在大家的利益之前更新一下。
所以我的解决方案，最后很简单。只是找到它是任务:-)
首先是我的JS代码使用jquery。

function contentToggle(v,w,x,y,z) { 
        $('#'+v).slideDown(300);
        $('#'+w).slideUp(20);       
        $('#'+x).slideUp(20);   
        $('#'+y).slideUp(20);   
        $('#'+z).slideUp(20);
}

我自己把代码分成了两部分，但这是可行的。

然后在我的页面上我做了一个这样的链接

<a href="#" onclick="return false" onmousedown="javascript:contentToggle('divID_1','divID_2','divID_3','divID_4');">Your link text for divID_1</a>

然后重复……但是要记住，函数行开头必须是什么。
函数可以重复使用，因此可以在其中添加额外的"slide up’s"以满足您的需求。
只有发送给函数的才会运行