Search code examples
jquerymenuhoverintent

JQuery Slide Up Hover Menu

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!

Solution

  • 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.