Hi Everybody,

I'm using the JQuery Megamenu found at http://www.javascriptkit.com/script/script2/jkmegamenu.shtml. Everything is working fine except that my customer doesn't like how the menu expands from upper-left to lower-right. They want it to just expand straight top-to-bottom.

Can somebody point me to the best place in the code to look to change the animation style here?

Thanks,
Tom

Hi Tom

The js includes jQuery show() and jQuery hide() effects - which animate both the width and height simultaneously - which is why you see the top left to bottom right effect. If you replace show with slideDown and hide with slideUp that should do the trick.

Thanks SB65, that worked great!

As I said, that fix worked great. But I'm finishing up the page, and when I use the JQuery Megamenu code (from the above url), it makes my other JQuery code I use error out.

For example, I have the page http://www.websiteoptimizers.com/mlogo/testlipswo.html which has JQuery code to create a custom-select box. If just add the few lines to use the JQuery MegaMenus (http://www.websiteoptimizers.com/mlogo/testlips.html which is identical to link above with the addition of lines 202-217), my other JQuery code errors out with " 'undefined' is null or not an object" at line 160.

I'm still learning the ins & outs of JQuery, but both of these modules work great on their own. But they don't play well together.

Can anyone give me some additional guidance?

Thanks,
Tom

Sorry to bother anyone. I figured out the issue. The MegaMenu code begins with the noConflict() function, which as I understand it, turns OFF the alias of the dollar sign representing "JQuery". I took out the noConflict line in the MegaMenu code and everything works fine now.

Thanks,
Tom