PDA

View Full Version : Collapsable dropdown menu and lists not functioning together?



Flashback10
November 30th, 2006, 10:51 PM
I created a collapsable dropdown menu similar to the one on this site:

http://webtechsig.org/Presentations/css/menus/index.html

The menu works great, and there is nothing that needs to be touched with it. However, I just made a regular list in my text content and the list items are not showing up.

In IE, the activex makes it disappear. In firefox, my list does not appear on the page either.

Here are the unsual things I noticed:

1. Removing the <ul> tag allows my list to be seen in both browsers; but this is not proper xhtml presentation.

2. If I remove the [onload="hideall();"] command in my <body> tag, the list appears perfectly. This hideall command is used to have my menu collapsed when you visit the page--in other words, not already expanded. My menu has javascript attached to it.

However, I need to have my menu collapsed when you go to a page, not all open.

Overall, the hideall command is also hiding my regular lists in my text content, which is a huge problem.

Does anyone have any suggestions on how I can get my lists to appear?
I would greatly appreciate it. I've been pulling my hair out trying to figure this out for days. Thanks ahead of time.

Maria

Flashback10
November 30th, 2006, 11:22 PM
After looking at this some more, I realize that it has something to do with the hideall command alone. In the javascript for my menu, I have this line:

function hideall() {
var Nodes = document.getElementsByTagName('ul')

So, my lists are not showing up because the <ul> is being hidden. However, I need the <ul> hidden for my menu to collapse. ???
Each <ul id> in my menu is different. How can I specify to hide only the ul in my dropdown menu and not every ul on my site?