Reikalingas programuotojas

Reikia sukurti issiskleidzianti meniu.

kategorija1

=> subkategorija1

=> subkategorija2

==>subsubkategorija1

===>subsubsubkategorija1

kategorija2

=> subkategorija1

==> subsubkaegorija1

=> subkategorija2

4 lygiu meniu

Paspaudus ant kategorija1 isiskleidiza subkategorijos.

Paspaudus ant subkategorijos issiskleidzia subsubkategorijos ir t.t.

paspaudi ant kategorija2, susiskleidzia visa kategorija1.

Gal kas galit pagelbeti?

js:

function category(list){

var listElementStyle=document.getElementById(list).style;

if (listElementStyle.display=="none"){

listElementStyle.display="block";

}

else {

listElementStyle.display="none";

}

}

linkai:

onclick="java script:category('kat_<?=$rowas['id']?>_<?=$rowas_cat['id']?>');"

visas medis deliojamas div'ais:

<div id="kat_<?=$rowas['id']?>_<?=$rowas_cat['id']?>" style="display: none;"></div>

paspaudi isiskleidzia, susiskleidzia.

Bet nuejus i kita kategorija automatiskai nesusiskleidzia ir nelabai sugalvoju kaip padaryti.

Gal kas galit pagelbeti?

Jei tiksliai žinai visas kategorijas gali jas nelanksčiu būdų paslėpt prieš parodydamas vieną. Arba ieškokis tam kokios javascript funkcijos getElementsByClassName, kurios pagalba galėsi paslėpt visus tam tikrą klasę turinčius elementus, o po to parodyt vieną konkretų pagal ID.

Rekomenduočiau dar pažiūrėt Javascript jQuery klasę, nes su ja labai lengvai vyksta įvarios manipuliacijos elementais. Ir tokio lygio medžius geriau dėlioti sąrašais (<ul><li></li></ul>), o ne div'ais.