Több mélységű szótár listábarendezése a tartalom hozzáadásakor

Sziasztok!

Adott egy szótár, ami legalább 2 mélységű.
Pl:
Állatok
-Halak
-Emlősök
-Hüllők
-Kétéltűek
Növények
-Egyszikűek
-Kétszikűek
-Sokszikűek
...

Most ezt a szótárat hozzá rendelem egy tartalom típushoz.
Ha most létre hozok egy új bejegyzést, és be akarom jelölni, hova is tartozik a szótárban, elég sokat kell keresgélni, ugyanis a szótár szintek egy szinten vannak a html-ben, és csak úgy vannak megkülönböztetve, hogy melyik milyen mélységű, hogy hány kötőjel van elötte. Css-el ezt elég nehézkes megcímezni.

Szóval azt szeretném, hogy először csak a gyökér kategóriák látszanak, és ha rákattintok az egyikre, az alá tartozó kategóriák is látszanak.
Legszebb az volna, ha listába lenne rendezve az egész, de az is megfelel, ha csak egymásba ágyazott html elemekkel van megoldva.

Css/Javascript részt megoldom, engem csak az érdekel, hogy tudom megoldani ezt az egymásba ágyazást.

Van erre modul?
Esetleg kódban kellene turkálni?

Köszönöm előre is a segítségeteket!