Einfache jQuery Hover-Folie nach unten, rückwärts zu gleiten?

Question

Ich habe die folgende einfache Folie nach unten Hover-Menü.

 $(function(){
$('.sub-menu').hide();
$('.menu-item').hover(
    function () {
        var target = $(this).children('ul');
        $.browser.msie ? target.show() : target.slideDown(150);
    },
    function () {
        var target = $(this).children('ul')
        $.browser.msie ? target.hide() : target.slideUp(150);
    }
);

});

Es gleitet nach unten .sub-Menü, wie Sie schweben über .menu-Artikel und Dias sichern, wenn Sie verlassen, perfekt.

Ich brauche es .sub-Menü zu verschieben, wenn Sie schwebt über .menu-Artikel, umgekehrt zu dem oben wirklich ..

Ich habe das offensichtlich getan von dem slideUp und slidedown tauschen, aber es scheint nicht zu funktionieren.

Irgendwelche Ideen?

Vielen Dank, wenn Sie können:)

Answer 1

$(function(){
    $('.menu-item').hover(
        function () {
            var target = $(this).children('ul');
            $.browser.msie ? target.hide() : target.slideUp(150);
        },
        function () {
            var target = $(this).children('ul')
            $.browser.msie ? target.show() : target.slideDown(150);
        }
    );
});

Should Arbeit, obwohl ich es ohne mehr Code nicht testen kann.

Im Grunde gehe ich davon aus .sub-menu bereits angezeigt wird, so dass, wenn Sie schweben über .menu-item Sie es, richtig verstecken wollen?

Alles, was ich verändert war: Ich tauschte um die beiden Funktionen und entfernt die $('.sub-menu').hide();, die am Anfang war. Es muss nicht verstecken müssen, bevor es tatsächlich nach oben gleitet.

Edit:. Arbeiten auf dem neuesten Beispiel

Überprüfen Sie es hier heraus: http://jsfiddle.net/GwBuj/3/

Was ich getan habe ist:

• Ändern #button und #slider zu Klassen (.button und .slider)
• Ändern Sie die CSS entsprechend und geänderte .slider CSS zu ermöglichen mehrere Tasten (Sie haben es positioniert absolut die nicht wollten, können Sie die anderen)
sehen
• Stellen Sie den JQuery-Code an der Arbeit auf mehrer Tasten
• eine weitere Taste zu zeigen Hinzugefügt Sie, dass es funktioniert