slideDown()slideUp()反转

时间:2013-06-12 10:38:34

标签: javascript jquery

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

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

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

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

编辑:
从看起来虽然作为sagested,“Accordion”jQuery函数不是我追求的,但是一个子类看起来很有希望。

如果有人进入jQuery可以提供帮助,是否可以使用“可排序”选项,但可以点击进行排序。
例如,点击,移动到顶部然后打开.... ??

2 个答案:

答案 0 :(得分:2)

你是说你想要手风琴效果?

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

答案 1 :(得分:0)

好的已经有一段时间了,但我想更新每个人的好处 所以对于我的解决方案,最终很简单。只是找到它是任务:-)
首先是我使用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>

然后重复.....
但请记住,在功能线上必须先打开什么 功能可以重复使用,因此可以额外添加&#34;向上滑动&#34;满足您的需求。
只有发送到函数的那些才会运行