jquery - jQueryの無効なslideUp、slideDown効果

Question

小さなjQueryメニューに問題があります。

ここに実例があります：

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

ご覧のとおり、最初に表示されたメニューにカーソルを合わせると、コードの特定の部分を表示する必要があります。すべてがうまくいくように見えますが、試してみると、うまくいかないトリッキーな効果が見られます。スライドアップまたはスライドダウンをランダムに生成します...

誰か助けてもらえますか？

Answer 1

あなたはそれらをすべて上にスライドさせています！目に見えるものだけをターゲットにします：

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

</ p>

フィドル

Answer 2

.slideUpのセレクターから現在のアイテムを削除します

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

フィドル