PDA

View Full Version : Resolved Issue with smooth navigational menu



Krakerjak
11-25-2008, 12:31 PM
1) Script Title:

Smooth navigational menu ddsmoothmenu

2) Script URL (on DD):

http://www.dynamicdrive.com/dynamicindex1/ddsmoothmenu.htm

3) Describe problem:

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

CSS Menu (http://forums.mzonics.com/uploads/test/1/testmenu.HTML)

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)

Krakerjak
11-25-2008, 12:35 PM
also, for reference.

CSS Menu (http://forums.mzonics.com/uploads/test/3/testmenujquery.HTML)

Krakerjak
11-28-2008, 05:31 PM
So any ideas on how to make this a smooth slide up menu instead of drop down menu?

ddadmin
11-28-2008, 07:45 PM
There's a thread on how to do this with the more humble JQuery Multi-Level menu #2 (http://www.dynamicdrive.com/forums/showthread.php?t=38517) here: http://www.dynamicdrive.com/forums/showthread.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.

Krakerjak
11-29-2008, 10:05 PM
There's a thread on how to do this with the more humble JQuery Multi-Level menu #2 (http://www.dynamicdrive.com/forums/showthread.php?t=38517) here: http://www.dynamicdrive.com/forums/showthread.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 (http://forums.mzonics.com/uploads/test/3/testmenujquery.HTML)

ddadmin
11-30-2008, 02:09 AM
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.

Krakerjak
11-30-2008, 09:09 PM
So I managed to modify the Jquery multi level css menu 2 (http://www.dynamicdrive.com/style/csslibrary/item/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 (http://www.dynamicdrive.com/forums/showthread.php?t=38517)
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.