javascript - jquery同时隐藏/显示效果

标签 javascript jquery

我正在尝试创建幻灯片导航。

我的代码:

$('.feeds_text p:visible').hide("slide", { direction: "right" }, 300, function() {
   $('#quote_' + currentKey).show("slide", { direction: "left" }, 300) 
});

但是当两个 div 之间有旋转的白色区域时,这个函数会依次执行并创建时间。如何同时使用这两个功能?我只需要使用隐藏/显示功能。

最佳答案

干脆不要使用回调函数,
如果 '#quote_' + currentKey 也有类 .feeds_text

,则使用 .stop()
$('.feeds_text p:visible').hide("slide", { direction: "right" }, 300);
$('#quote_' + currentKey).stop().show("slide", { direction: "left" }, 300);

关于javascript - jquery同时隐藏/显示效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23989164/

相关文章:

javascript - 返回任何属性以某物开头的所有元素

javascript - 通过 insertAdjacentHTML 添加内容后,DOM 操作停止工作

javascript - Zurb Foundation 下拉按钮菜单下降太多

javascript - Node.js Docker 镜像环境变量

javascript - RGB 空间淡入淡出

javascript - CSS/SVG 描边动画

javascript - 在 Enyo 2.0 中使用 SVG 控件处理事件(对象或嵌入标记)

javascript - 在 IE 11 中使用 getComputedStyle

jquery 在 Firefox 中将 keyup 绑定(bind)到 body

jquery追加截断