Hello and welcome to our community! Is this your first visit?
Register
Enjoy an ad free experience by logging in. Not a member yet? Register.
Results 1 to 5 of 5
  1. #1
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    JQuery Mega Menu animation change

    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

  2. #2
    Senior Coder
    Join Date
    Feb 2009
    Location
    Ilkley, West Yorkshire, UK
    Posts
    2,957
    Thanks
    9
    Thanked 727 Times in 721 Posts
    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.

  3. Users who have thanked SB65 for this post:

    W S O (10-25-2010)

  4. #3
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts
    Thanks SB65, that worked great!

  5. #4
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Conflicts with other JQuery code

    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

  6. #5
    New to the CF scene
    Join Date
    Oct 2010
    Posts
    5
    Thanks
    1
    Thanked 0 Times in 0 Posts

    Problem was due to noConflict

    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


 

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •