问题标签 [jquery-slide-effects]

我正在尝试将 jquery slideToggle() 函数绑定到 apex:pageBlockTable 中的一行数据。

我在表格中显示了一些信息，并希望如果有人单击任何行，与该联系人相关的更多信息将显示在滑块中，其余行向下移动。当他再次点击时，滑块向上移动，一切恢复正常。

如果我没记错的话，我想我需要在一个 div 中绑定行元素（apex:columns），在另一个 div 中绑定滑块中的信息。但不知何故，这是行不通的。

这是代码：

我正在尝试了解 Visualforce 和 JS，因此我们将不胜感激。

最好的，Ankit

我想做一个界面，当我点击按钮时，注册表会滑动。

在类似于“火车”的效果中，一辆车走了下一辆车。

但我发现 jQuery Slide 效果很难，因为它创建了“滑动效果的包装器”

结果是

http://jsbin.com/aququs/18

源代码：

http://jsbin.com/aququs/18/edit

我想知道我是否选择了正确的工具来完成类似的事情。也许我应该只使用“动画”jQuery 函数？并尝试使用“边距”操作？

非常感谢您解决我的问题

目标：

我的目标是使用 jQuery 的slideDownwithFadeIn或slideUpwith FadeOut。我找到了几个 Google 和 StackOverflow 搜索结果来引导我使用slide[Down/Up]with animate({opacity: [1/0]},{queue: false})。

我有 3 个按钮、Show 1和Show 2以及All两个 divDiv1和Div2. 在初始页面加载所有 div 显示。当用户点击时Show 1 Div2应该隐藏和淡出，它会这样做。

问题：

我的问题是，当一个Div2正在制作动画slideUp时opacity: 0，用户点击Show 2应该隐藏Div1和显示Div2一些脏的内联样式卡在对象上，这会抛出所需的全部效果。

例子：

如果没有示例，大多数问题都是无用的 :) 请参阅我制作的 JSFiddle 示例并重复单击按钮。

http://jsfiddle.net/RoLYroLLs/bkWrH/

我知道使用stop是样式“卡在”对象上的原因。我需要stop对象可以隐藏/显示，具体取决于单击的按钮。

还有另一种我没有看到的方法吗？

如果我不将代码保留在函数中并调用它但作为函数不起作用，我的 Jquery 代码可以正常工作

我正在使用 jquery 幻灯片（向下/向上）效果进行步进过程，我在那里击中了。我不知道如何向上滑动 id 如果未选择它，请参阅我的小提琴 它清除了我的疑问

如果我单击其他步骤，我应该如何向上滑动步骤 ID？帮帮我

我有一个包含子菜单的垂直菜单栏。有 9-10 个菜单，每个菜单包含 3 个子菜单。

如果菜单 1 打开并且有人单击菜单 3 菜单 1 应该关闭并且菜单 3 将打开，我需要什么

这是小提琴

我有一个搜索按钮。当您将其悬停时，textarea 会向左滑动。如果您单击它，它会搜索该术语。无论如何，我怎样才能为触摸设备优化它？

我尝试让它在第一次触摸时滑动并在第二次触摸时进行搜索，但我无法做到。

JSFiddle 链接

如果你能帮助我，那就太好了！最好的。

我正在尝试找到一种方法或插件来复制 iOS App 中的效果，您可以在其中从左侧或右侧滑动，如果您在该方向上滑动足够多，当您抬起手指时，它将锁定到下一个窗格。

如何让它知道您何时滚动足够多，然后将新位置设置为关注？这种事情有好的jQuery插件吗？jQuery Mobile 似乎没有这种功能。

我想到的布局就像是 4-5 个 DIVS 在一个单独的 DIV 内侧并排，可能过度滚动设置为隐藏。然后，当您开始滑到下一个窗格时，它可以触发一个事件，该事件会通过一些过渡效果更改左/右 CSS 位置，然后还更新选项卡以显示选择了新的新窗格。

目前我下面的 jQuery 代码在其父项悬停时打开和关闭子菜单。但是我唯一的问题是，当我将鼠标悬停在另一个顶级项目上时，打开的子菜单开始关闭，并且我现在悬停的项目的子菜单开始向下滑动，因此部分打开了 2 个子菜单，并且取决于鼠标的位置，它结束上来也忽闪忽闪之间。

我怎样才能做到这一点，以便新的子菜单只有在前一个子菜单完成关闭后才会打开？理想情况下，我想要的效果就像这里的插件一样

jsFiddle

我正在使用jQuery'sslide效果在元素之间进行转换。向您展示jsfiddle将是最简单的

The menu links don't do anything. If you click on the "Details" link, you can see the problem. I'm attempting to use "slide" to simultaneous show a new div, and hide the old one - the problem is that the new div doesn't slide in next to the old one - it slides in next to and underneath it and then suddenly pops into the correct position at the end of the animation. It should be pretty clear what effect I'm aiming for - I want the divs to kind of "push" each other to the side like you'd see in a slideshow. What am I doing wrong :\

I'm able to adjust the CSS and/or markup and/or JS as necessary to make this work right.