jQuery JQuery Mega Menu animation change

[W S O]

Hi Everybody,

I'm using the JQuery Megamenu found at http://www.javascriptkit.com/script/...megamenu.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

[SB65]

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.

[W S O]

Thanks SB65, that worked great!

[W S O]

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

[W S O]

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