Simple jQuery, slide up rather than slide down?

JavaScript
1

I have this simple slide down when you hover over menu, using the following JS and can been seen here…

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

I’m after it working exactly the same apart from when you hover over the button the menu appears and slides up rather than down, slides above the buttons.

Any chance someone could help me out?

Been asking around and nobody knows :frowning:

Many thanks :slight_smile:

2

Update

Think i have managed it here it is running :slight_smile:

However, now i need to figure out how to apply it to multiple buttons across a navigation like the one above…