Не совсем понимаю, как это сделать, сама таблица выглядит примерно так:
<TR><TD>
<TABLE BORDER=1><TR><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif">Wszechświat</A><DIV>
<TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><A onClick="Toggle(this)"><IMG SRC="plus.gif"> Niebo i atmosfera</A><DIV>
<TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif"> Niebo i ciała niebieskie<DIV>
</DIV></TD></TR></TABLE>
<TABLE BORDER=1><TR><TD WIDTH=10></TD><TD><IMG SRC="bullet.gif">Pogoda i wiatry<DIV>
</DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE>
</DIV></TD></TR></TABLE>
Там, где есть <IMG SRC="plus.gif"> - это главные элементы, все, что после них должно быть закрыто. Прописала им display: none; - они вообще перестали отображаться, даже когда кликаешь на главный элемент.
Или это надо в коде JS чему-то эти стили приписать? А как это примерно тогда должно выглядеть?