It seems like all your doing is an accordion feature from page to page. Why?
And it doesn't work at all in IE(6 & 7).
You might want to re-evaluate the script and how your handing it. Just a few
comments to ponder on.
1. Using the hover function to highlight a link seems like overkill for
scripting. Leave that to css. That's what css is made for. That would remove 8
lines of code.
2. Using accordions to go from a page to new page on every click, make's
little sense. Accordions are used mostly for containing grouped content and not
for navigation controls.
3. Instead of having the script write the images to the page with all the
prepend span->image stuff. Have the image as a css background.
Example:
$(this).css('background', 'url(images/blackDownTriangle.png));
4. Since your using png images your going to run into a problem with IE6.
Include pngfix.js or change the images to gif.
The whole script could really be simplfied into less than half the code it is
now.
I wouldn't use an accordion for this type of navigation to begin with.
Sorry if your offended by the comments.
JBRU <[EMAIL PROTECTED]> wrote:
I recently completed using jQuery to build a navigation structure for
the site I manage at work. The site is http://www.msi.umn.edu.
The script giving problems is http://www.msi.umn.edu/js/leftnav.js.
The difficulty seems to be in the step where I add a span to menu
items that have a sub-menu using .prepend(). The span holds my
expanded/collapsed graphics and gets a .toggle() to expand and
collapse the appropriate menus and other behaviors.
IE 7 isn't inserting the span and, thus, my navigation scheme fails
when using IE7. I'm fortunate that most of my users are using Firefox
or Safari, but there's still a significant portion of IE users getting
the shaft out there.
I'd appreciate anyone being able to take a look and shoot me ideas for
fixing the problem.
--
Peter Hentges
JBRU
---------------------------------
Be a better friend, newshound, and know-it-all with Yahoo! Mobile. Try it now.
