目标：
我的目标是使用 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对象可以隐藏/显示，具体取决于单击的按钮。
还有另一种我没有看到的方法吗？