首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >slideDown() slideUp()反转

slideDown() slideUp()反转
EN

Stack Overflow用户
提问于 2013-06-12 10:38:34
回答 2查看 125关注 0票数 1

我想要的是一个comand,用于执行与slideDown() slideUp()相同的操作,但要从相反的方向工作。

因此,slideUp()打开,slideDown()关闭div。

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

如果不可能,唯一的其他选项是是否可以在堆栈中“移动”div。

因此,在关闭时,div将html中的位置移动到刚刚打开的位置上。这样,幻觉依然存在。

编辑:

从表面上看,“手风琴”的jQuery功能并不是我想要的,而是一个子类看起来杂乱无章。

如果jQuery中的任何人都能提供帮助,那么是否可以使用"Sortable“选项,但是可以在单击时进行排序。

例如,单击,移动到顶部,然后打开.??

EN

回答 2

Stack Overflow用户

回答已采纳

发布于 2017-03-11 15:50:00

好吧,已经有一段时间了,但我想在每个人的利益之前更新一下。

所以对于我的解决方案,最后很简单。仅仅是找到它就是任务:-)

首先是使用jquery的JS代码。

代码语言:javascript
运行
复制
function contentToggle(v,w,x,y,z) { 
        $('#'+v).slideDown(300);
        $('#'+w).slideUp(20);       
        $('#'+x).slideUp(20);   
        $('#'+y).slideUp(20);   
        $('#'+z).slideUp(20);
}

我自己也把代码分成了两半,但这是可行的。

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

代码语言:javascript
运行
复制
<a href="#" onclick="return false" onmousedown="javascript:contentToggle('divID_1','divID_2','divID_3','divID_4');">Your link text for divID_1</a>

然后重复..。

但是请记住,在函数行中,打开的必须是第一个。

函数可以重用,所以在其中有额外的“幻灯片”可以满足您的需要。

只有发送到功能的程序才会运行。

票数 0
EN

Stack Overflow用户

发布于 2013-06-12 10:49:26

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

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

票数 2
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/17063390

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档