slide vol stationnaire simple jQuery vers le bas, inverse à glisser vers le haut?

Question

J'ai la diapositive simple suivante dans le menu déroulant de vol stationnaire.

 $(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);
    }
);

});

Il glisse vers le bas .sub menu que vous survolez .menu-élément et les diapos lorsque vous quittez, parfait.

J'ai besoin à glisser vers le haut .sub-menu lorsque vous survolez .menu point, vice-versa à ce qui précède vraiment ..

Je l'ai fait à l'évidence de l'échange slideUp et slideDown mais il ne semble pas fonctionner.

Toutes les idées?

Merci si vous pouvez:)

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);
        }
    );
});

Les travaux devraient, bien que je ne peux pas tester sans plus de code.

En fait, je pars du principe que .sub-menu montre déjà, alors quand vous passez la souris sur vous .menu-item voulez cacher, non?

Tout ce que je changé était: J'intervertir les deux fonctions et a retiré le $('.sub-menu').hide(); qui était au début. Il ne cache pas besoin avant qu'il ne glisse réellement.

Edit:. de travail sur votre dernier exemple

Check it out ici: http://jsfiddle.net/GwBuj/3/

Ce que je l'ai fait est:

• Modifier #button et #slider à classes (.button et .slider)
• Modifier le CSS en conséquence, et CSS changé .slider pour permettre plusieurs boutons (Vous aviez position absolue qui ne vous permettent de voir les autres)
• Régler le code JQuery pour travailler sur plusieurs boutons
• Ajout d'une autre bouton pour afficher vous que cela fonctionne