jQuery无效slideUp、slideDown效果

标签 jquery jquery-selectors slidedown slideup

我的小 jQuery 菜单有问题。

这是一个实例:

http://jsfiddle.net/jvalousek/NthrX/

正如您所看到的,我需要将鼠标悬停在第一个可见菜单上显示代码的特定部分。看起来一切都很好,但如果你尝试一下,你会看到一些棘手的效果,看起来不太好。它随机生成slideUp,或slideDown...

有人可以帮忙吗?

最佳答案

你正在把它们全部向上滑动!仅定位可见的:

$('.selector').mouseenter(function() {
    var name = this.id + 'Text';
    $('.careerHint:visible').slideUp(function () {
        $("#" + name).slideDown("fast");
    });
});

FIDDLE

关于jQuery无效slideUp、slideDown效果,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12687276/

相关文章:

javascript - RequireJS:如何在模块级别声明依赖关系?

javascript - 接下来选择与过滤器匹配的选项

jquery - jQuery的hide和slideUp方法是等价的吗?

javascript - 在 body 负荷上向下滑动一个 div

javascript - 样式使 javascript 代码无法正常运行

java - 浏览器尝试保存对 AJAX 请求的 JSON 响应而不是处理它

JQuery基本选择器用法和非唯一元素ID

javascript - jQuery 对象上下文中的 jquery 选择

javascript - slideUp() slideDown() 不能正常工作

javascript - 带 setTimeout 的双键陷阱 ctrl