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

  • Users who have thanked SB65 for this post:

    W S O (10-25-2010)

  • #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!

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

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