Простой 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-item и снова скользит вверхкогда ты уйдешь, отлично.

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

Я сделалочевидно, что меняются местами slideUp и slideDown, но, похоже, это не работает.

Есть идеи?

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

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 для работы с несколькими кнопки
• Добавлена ​​еще одна кнопка для отображения Вы, что это работает