bunu nasıl yapabilirim?

arkadaşlar resimle açıklamaya çalıştım heralde anlaşılmıştır. böyle hiyerarşik şekilde olacak ve resimdeki gibi ana başlığa tıklayınca altındaki metin açılacak, diğer anabaşlıklara tıklayınca kendi metni açılıp diğerleri kapanacak.

bunu css ile veya js ile nasıl yapabilirim.

yardımlarınız için şimdiden teşekkürler

http://www.dynamicdrive.com/

bu sitede buna benzer örnekler var.

http://www.lcd-plazma.com/menu.js

Kullanımı;

<a href="javascript:void(0)" onclick='displaySubs("sub1")' onfocus='if(this.blur)this.blur()'>LCD</a>
<div id="sub1" style="display:none;">İçerik</div>

Js kodunun içinde sub1,sub2,sub3 kodları bulunmaktadır. Kaç tane div için kullanacaksanız o kadar sayıda yazınız, eksik veya fazla olmamalı. Sonra kullanım şelinde yine sub1, sub2 diye sırayla kullanabilirsiniz. Çalışır halini, lcd-plazma.com adresinde, menüde görebilirsiniz.