slideDown() slideUp() 反转答案

【问题标题】：slideDown() slideUp() reversalslideDown() slideUp() 反转
【发布时间】：2017-03-11 23:50:00
【问题描述】：

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

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

如果只有两个 div，则不需要，但在同一个空间中有五个或更多。

如果不可能，唯一的其他选择是是否可以“移动”堆栈中的 div。
所以在关闭时，div 将 html 中的位置移动到刚刚打开的位置之上。那样幻觉还在。

编辑：
从外观上看，虽然作为 sagested，“Accordion”jQuery 函数并不是我所追求的，但一个子类看起来很有希望。

如果 jQuery 中的任何人都可以提供帮助，是否可以使用“可排序”选项，但在点击时进行排序。
例如，点击时，移到顶部然后打开.... ??

【问题讨论】：

标签： javascript jquery

【解决方案1】：

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

喜欢这个http://jqueryui.com/accordion/？

【讨论】：

不是真的。我希望每个 div 都向下滑动……永远不要向上滑动。有点像一个旋转的轮子，但顺序永远不一样。下一行需要被选中。嗯，这就是我想要的样子。

【解决方案2】：

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

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>

然后重复.....
但请记住，打开的内容必须位于功能行的首位。
功能可以重复使用，因此可以根据需要在其中添加额外的“向上滑动”。
只有发送到函数的函数才会运行

【讨论】：