jQuery无效的slideUp,slideDown效果

时间:2012-10-02 08:56:47

标签: jquery jquery-selectors slidedown slideup

我的小jQuery菜单有问题。

这是一个实例:

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

正如你在那里看到的,我需要在悬停我的第一个可见菜单时显示特定代码部分。似乎一切正常,但如果你尝试它,你可以看到一些看起来不太好的棘手效果。它随机生成slideUp或slideDown ...

有人可以帮忙吗?

2 个答案:

答案 0 :(得分:2)

你正在滑动他们!仅定位可见的:

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

FIDDLE

答案 1 :(得分:1)

从.slideUp

中的选择器中删除当前项
$('.careerHint').not($("#" + name)).slideUp(function () {
    $("#" + name).slideDown("fast");
});

Fiddle