jQuery幻灯片[向下/向上]与淡入淡出[进/出]

时间:2013-07-15 20:17:29

标签: jquery jquery-animate jquery-slide-effects

目标:

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

我有3个按钮,Show 1Show 2All以及两个div Div1Div2。在初始页面加载所有div显示。当用户点击Show 1 Div2时,应该隐藏和淡出。

问题:

我的问题是Div2使用slideUpopacity: 0设置动画,用户点击Show 2应隐藏Div1并显示{{1}一些脏的内联样式卡在对象上,抛出了所需的全部效果。

示例:

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

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

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

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

0 个答案:

没有答案