[zcorpan]

I want a simple tree menu. When the page loads, the submenus should be colapsed (that can be done with css, right?). When I press a main menu item, it should open or close its sub menu (that has to be done with javascript, right?). It has to work on all common browsers (ie, mozilla, netscape, safari...)

Please help me with the javascript... (I think I should use GetElementById, but I don't know how to use it really)

Here is the HTML-code I want to use:

Code:

<ul>
  <li><a href="javascript:openorclosemenu('submenu1');">main menu item 1</a></li>
  <ul id="submenu1">
    <li><a href="#">sub menu item 1</a></li>
    <li><a href="#">sub menu item 2</a></li>
  </ul>
  <li><a href="javascript:openorclosemenu('submenu2');">main menu item 2</a></li>
  <ul id="submenu2">
    <li><a href="#">sub menu item 1</a></li>
    <li><a href="#">sub menu item 2</a></li>
  </ul>
</ul>

[EvilHaider]

Checkout dynamicdrive.com They have several prebuilt menu scripts in javascript and you might find one that suits your purposes.

[zcorpan]

Never mind, got it working...

http://ullvitorget.koping.se/~sp92414.92/submenutest/