Question

I need help getting the menus below the red box to slide up instead of slide down.
http://www.radiofriendly.freehosting.com/jquery/menu.html

Here’s a working example. Just mouseover the menus below the blue banner.
https://partner.microsoft.com/germany/partner

Can anyone show me exactly what I need to modify in the js to get that to happen. Please be specific as possible. I’m new to Jquery. Thanks!

Answer 1

I modified the jQuery menu code:

if(opts.orientation == 'horizontal') {
        $this.find('.'+opts.dropDownClass).css('left', '0px').css('top', buttonHeight);
      }

to this…

if(opts.orientation == 'horizontal') {
        $this.find('.'+opts.dropDownClass).css('left', '0px').css('bottom', buttonHeight);
      }

I didn’t look at what change @sachleen made, however. There may be a better way, I’m pretty new to jQuery myself.