menyträd

Hej

Jag håller på att skapa ett trädsystem i utbildningssyfte.
Man kommer kunna lägga in egna länkar som huvudmenyer och undermenyer vilket gör att det kan bli många länkar och många undermenyer.

Jag har kollat runt lite här i forumet och hittat ett sätt som jag tror jag passa men får det inte riktigt att fungera och börjar ifrågasätta om den är så bra prestandamessigt.

Jag vill inte byta sida för att öppna/stänga en undermeny därför måste allt listas direkt.

Problemet jag har med min kod såhär långt är att om jag öppnar menyerna så 2 undermnyer syns. När jag trycker på huvudmenyn för den kategorin stängs undermeny 1 men 2 finns fortfarande. Om man öppnar en ny huvudmeny måste även de övriga undermenyerna som öppnats tidigare stängas.

Någon som har lust att ge en hjälpande hand med mina problem samt ta upp en diskution med mig om prestanda modifiering.

Detta har jag såhär långt

  <script>
    function menu(objId, objLvl) {
        var objId = document.getElementById(objId);
	var objLvl = document.getElementById(objLvl)

        if(objId.style.display=='none') {
        objId.style.display=''
        }
        else objId.style.display='none'

    }
  </script>

	<span onclick="menu('1:2', '1')" style="cursor: pointer;">
	Marknadsföring<br>
	</span>

	  <span style="display: none;" id="1:2">
	  <span onclick="menu('1:3:1', '2')" style="cursor: pointer;">
	    &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Test1<br>
	  </span>
          </span>
	    <span style="display: none;" id="1:3:1">
	      <span onclick="menu('1:4:1', '3')" style="cursor: pointer;">
	        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Test2<br>
	      </span>
  	        <span style="display: none;" id="1:4:1">
	          &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>Test3</b><br>
	        </span>

	      <span onclick="menu('1:4:2', '3')" style="cursor: pointer;">
	       &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; Test4<br>
	      </span>
            </span>
  	      <span style="display: none;" id="1:4:2">
	        &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <b>Test5</b><br>
	      </span>

Tack på förhand.

kan man på något sätt sätta ett gemensamt namn eller id för alla undermenyer tex trycker jag på en undermeny med level3 ska alla övriga lvl3 stängas tillsammas med eventella undermenyer?

ingen som har några råd?

Jag löste problemet med <ul>/<li>