Простые jQuery парят вниз, обратно, чтобы скользить вверх?

Question

У меня есть следующее простое скользящее меню.

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

});

Он скользит вниз.sub-menu, когда вы наводите курсор на.menu-item, и снова сдвигается вверх, когда вы уходите, отлично.

Мне нужно, чтобы он скользил вверх по.sub-меню, когда вы наводите курсор на элемент.menu, наоборот на самом деле выше...

Я сделал очевидный обмен слайдов и слайдов, но это не похоже на работу.

Есть идеи?

Большое спасибо, если можете:)

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

Должно работать, хотя я не могу проверить это без большего количества кода.

В основном я предполагаю .sub-menu уже показывает, поэтому, когда вы наводите курсор.menu-item Вы хотите это скрыть, правильно?

Все, что я изменил, было: я поменял две функции и удалил $('.sub-menu').hide(); это было в начале. Ему не нужно прятаться до того, как он действительно соскользнет.

Изменить: работа над вашим последним примером.

Проверьте это здесь: http://jsfiddle.net/GwBuj/3/

Что я сделал, это:

• + Изменить #button а также #slider на занятия (.button а также .slider)
• Измените CSS соответствующим образом и изменили .slider CSS, позволяющий использовать несколько кнопок (вы располагали их абсолютно, что не позволяло бы вам видеть другие)
• Настройте код JQuery для работы с несколькими кнопками
• Добавлена ​​еще одна кнопка, чтобы показать вам, что это работает