Results 1 to 7 of 7

Thread: Issue with smooth navigational menu

  1. #1
    Join Date
    Nov 2008
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default Issue with smooth navigational menu

    1) Script Title:

    Smooth navigational menu ddsmoothmenu

    2) Script URL (on DD):

    http://www.dynamicdrive.com/dynamici...smoothmenu.htm

    3) Describe problem:

    I am trying to integrate this script into my own css menu

    CSS Menu

    as you can see it is a menu meant to be placed in a footer and the sub menus slide up to reveal more items.

    How can I modify this to do what I am hoping for? (slide up)
    Last edited by Krakerjak; 11-30-2008 at 07:19 AM.

  2. #2
    Join Date
    Nov 2008
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    also, for reference.

    CSS Menu
    Last edited by Krakerjak; 11-28-2008 at 05:32 PM.

  3. #3
    Join Date
    Nov 2008
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    So any ideas on how to make this a smooth slide up menu instead of drop down menu?

  4. #4
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    There's a thread on how to do this with the more humble JQuery Multi-Level menu #2 here: http://www.dynamicdrive.com/forums/s...ad.php?t=38517 If this is what you mean by "slide up", I'll see if I can come up with something today or tomorrow for Smooth Menu instead.
    Last edited by ddadmin; 11-30-2008 at 01:49 AM.
    DD Admin

  5. The Following User Says Thank You to ddadmin For This Useful Post:

    Krakerjak (11-29-2008)

  6. #5
    Join Date
    Nov 2008
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    Quote Originally Posted by ddadmin View Post
    There's a thread on how to do this with the more humble http://www.dynamicdrive.com/forums/showthread.php?t=38517"]JQuery Multi-Level menu #2[/URL] here: http://www.dynamicdrive.com/forums/s...ad.php?t=38517 If this is what you mean by "slide up", I'll see if I can come up with something today or tomorrow for Smooth Menu instead.
    Yes, that is exactly what i mean.
    that minor modification works on smoothmenu to make the menu drop up/slide up

    Just gotta get the animation to go in the right direction (and those arrows too i gess )
    im hoping it's just as easy to change

    example
    Last edited by Krakerjak; 11-29-2008 at 10:11 PM.

  7. #6
    Join Date
    Aug 2004
    Posts
    10,143
    Thanks
    3
    Thanked 1,008 Times in 993 Posts
    Blog Entries
    16

    Default

    Try the below modified .js file. Note that the animation still slides from up to down (instead of the reverse) however. There's no easy way to change that.
    DD Admin

  8. The Following User Says Thank You to ddadmin For This Useful Post:

    Krakerjak (11-30-2008)

  9. #7
    Join Date
    Nov 2008
    Posts
    5
    Thanks
    2
    Thanked 0 Times in 0 Posts

    Default

    So I managed to modify the Jquery multi level css menu 2 script to give me a animation consistent with the slideup menu I created.

    All I had to do was make the change to the original script outlined in this thread that you posted
    as well as changing the references to 'top' in jqueryslidemenu.js to 'bottom'
    and 2 changes in jqueryslidemenu.css from 'top: 0;' to 'bottom: 0;'

    It works beautifully as a slide up menu with the animation going from bottom to top instead of top to bottom!
    I found the tip on another site, apparently the animation will slide in a direction based on whether you position your elements using top or bottom.

    Thanks for a great script,
    though I miss the option from ddsmoothmenu to fetch menu contents from a separate file.

Bookmarks

Posting Permissions

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