Hi everyone! Thanks for this great resource, and thanks to Joel for the Superfish plug-in. It's wonderful!
I've seen this problem in another post, but I can't seem to troubleshoot it, and it may just be something I've forgotten. The fade is working very nicely, except for a small jog that I should be able to work out myself, but the delay doesn't seem to want to work. Here's the link to the site I've been trying to implement this on: http://www.sugarmaplemedia.com/discover/index.html Here's my css: ********************************************************************************************************************** #nav, #nav ul { float: left; width: auto; list-style: none; line- height: 1.3; background-color: #B00D16; font-weight: bold; padding: 0; border: solid #333; border-width: 0 0; margin: 0 0 1em 0; font-family: Verdana, Arial, Helvetica, sans-serif; } #nav a { display: block; width: auto; color: #FFF; text-decoration: none; font-size: .7em; padding: 0.25em 1.5em; } #nav a.main { font-size: .8em; } #nav a.main_current {} #nav a.parent { background: url(../images/menu_arrow.png) center right no-repeat; } #nav li { z-index: 1; float: left; padding: 0; width: auto; } #nav li ul { z-index: 3; position: absolute; left: -999em; height: auto; width: 10em; font-weight: normal; border-width: 1px; margin: 0 0 0 .2em; } #nav li li { width: 10em; border-top: 1px solid #333; } #nav li li.no_top_border { border-top: 0px; } #nav li ul a { width: 10em; } #nav li ul ul { margin: -2em 0 0 9.3em; } #nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { left: -999em; } #nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { left: auto; } #nav li:hover, #nav li.sfhover { background: #666; } #nav li.main_border_current { background-color: #C72525; } #nav li.main_border_current, #nav li:hover.main_border { border-left: 1px solid #333; border-right: 1px solid #333; margin-left: -1px; margin-right: -1px; } ************************************************************************************************************************ And here's the javascript I include right before the <ul id="nav"> tag: ************************************************************************************************************************ <script type="text/javascript"> $(document).ready(function(){ $("#nav").superfish(); }); </script> ************************************************************************************************************************ I've tried including the .superfish class styles from the superfish css, but it makes my menus completely disappear. Any help would be greatly appreciated. (And if you're totally bored, any ideas on the slight jog I'm getting when the fade completes would be lovely)
