jQuery无效的slideUp、slideDown效果答案

【问题标题】：jQuery invalid slideUp, slideDown effectjQuery无效的slideUp、slideDown效果
【发布时间】：2012-10-02 08:56:46
【问题描述】：

我的小 jQuery 菜单有问题。

这是一个活生生的例子：

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

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

谁能帮忙？

【问题讨论】：

标签： jquery jquery-selectors slidedown slideup

【解决方案1】：

你把它们都往上滑了！只定位可见的：

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

FIDDLE

【讨论】：

【解决方案2】：

从 .slideUp 中的选择器中移除当前项目

$('.careerHint').not($("#" + name)).slideUp(function () {
    $("#" + name).slideDown("fast");
});

Fiddle

【讨论】：