Unterkategorien per CSS ausblenden

Benötige auch mal wieder Hilfe in Sachen CSS...

Habe ein altes Theme, dass ein bisschen "nachbearbeitet werden muss", solange das neue Design noch in Arbeit ist. Es geht um diese Website: http://www.tv-breyell.de/

Dort gebe ich in der Sidebar Kategorien aus, deren Unterkategorien erst angezeigt werden sollen, wenn die entsprechende Elternkategorie angeklickt wurde. Das klappt für die erste Ebene hervorragend, siehe Kategorie Basketball. Die Unterpunkte werden erst nach einem Klick auf Basketball angezeigt.

Der dazugehörige CSS Code:

ul.children {display: none;}
li.current-cat ul.children, li.current-cat-parent ul.children{display: block;}

Mein Problem ist nun, dass wenn ich Unterkategorien in einer Unterkategorie anlege (siehe Saison 2011/2012), dieser Baum immer komplett angezeigt wird. Es sollte sich dort mit den Unterpunkten verhalten wie beim Menüpunkt Basketball. Erst beim Anklicken sollten diese erscheinen.

Ich komme an dieser Stelle nicht weiter. Sehe vermutlich den Wald vor lauter Bäumen nicht mehr... Vielleicht hat jemand von euch einen Tipp?

EDIT: Wollte schon ne Erfolgsmeldung kundtun, aber damit funktioniert´s nur bedingt. Die Unterpunkte öffnen sich nämlich dann auch wenn andere Unterkategorien angeklickt werden.

Hätte eine Lösung, die mich allerdings nicht wirklich überzeugt, da ich damit die Kategorie direkt ansteuern muss. Ist natürlich schlecht, wenn sich die ID ändert... Zudem wird dann bei einem Klick auf eine Unterkategorie von Saison 2011/2012 der komplette Baum wieder geschlossen. Suboptimal...

.cat-item-30 ul li {
     display: none;
}


.current-cat.cat-item-30 ul li {
     display: block;
}

Nein, das ist es leider auch nicht. Dann werden beim Klick auf Basketball wieder alle Ebenen geöffnet.

Das funktioniert nur bis zur 1. Ebene. Sobald ich innerhalb von Saison 2011/2012 auf den Punkt Damen oder einen anderen Unterpunkt klicke, schließt sich das ganze Menü wieder.

Das macht mich wahnsinnig...