...

View Full Version : jQuery JQuery Mega Menu animation change



W S O
10-22-2010, 07:37 PM
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

SB65
10-23-2010, 08:55 AM
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
10-23-2010, 07:10 PM
Thanks SB65, that worked great!

W S O
10-25-2010, 06:31 AM
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
10-25-2010, 07:02 AM
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



EZ Archive Ads Plugin for vBulletin Copyright 2006 Computer Help Forum