JavaScript - menú descplegable javscript y asp

Hola a todos,

Espero que me podáis ayudar con este tema:

Necesito hacer un menú desplegable como el siguiente:

1-Proyecto 1
1.1-Fase 1
1.2-Fase 2
1.2.1 Tarea 1
1.3-Fase 3
1.3.1 Tarea 1
1.3.2 Tarea 2
2-Proyecto 2
.
.
.
.

La cantidad y nombre de proyectos, así como fases y tareas las recojo de la base de datos y necesito que se muestre o se oculte cada uno de los hijos al clikar sobre el padre.

El codigo que utilizo es el siguiente:

strSql="Select num_id, nom_proj from sip_projecte

while not objRsCos.Eof

htmlProj="<img src='../html/tree/icons/ball_glass_greenS.gif' height='12px'>"
htmlProj=htmlProj & " <a href='#;'" htmlProj=htmlProj & " onMouseOver=this.style.color='#04B404'; onMouseOut=this.style.color='#000000';"
htmlProj=htmlProj & " onClick=this.style.color='#04B404';>"
htmlProj=htmlProj & "<font color='#04B404'>"&objRsCos("nom_proj") & "</font></a>   "
htmlProj=htmlProj & "<img src='../images/page_white_text.png' width='16' height='16' border='0' alt='Informes'>   ("&num&")<br>"

response.write(htmlProj)

strSql2="Select num_id, nom_fase from sip_fas_proj where sip_projecte = "& objRsCos("num_id")

while not objRsCos2.Eof

htmlFase="<div id='id_proj_"&objRsCos("num_id")&"' style='display:block'>"
htmlFase=htmlFase & "        & nbsp; "
htmlFase=htmlFase & "<img src='../html/tree/icons/ball_glass_RedS.gif' height='12px'><a href='#;'"
htmlFase=htmlFase & " onMouseOver=this.style.color='Red'; onMouseOut=this.style.color='#000000';>"
htmlFase=htmlFase & "<font color='Red'>"&objRsCos2("nom_fase") & "</font></a>   "
htmlFase=htmlFase & "<img src='../images/page_white_text.png' width='16' height='16'"
htmlFase=htmlFase & " border='0' alt='Arxius'></a>   <br></div>"
response.write(htmlFase)

strSql3="Select num_id, nom_tasca from sip_tasq_fas where sip_fases = "& objRsCos2("num_id")

while not objRsCos3.Eof

htmlTasca="<div id='id_proj_"&objRsCos2("num_id")&"'style='display :block'>"
htmlTasca=htmlTasca & "        & nbsp; "
htmlTasca=htmlTasca & "        & nbsp; "
htmlTasca=htmlTasca & "<img src='../html/tree/icons/ball_glass_YellowS.gif' height='12px'><a href='#;'"
htmlTasca=htmlTasca & " onMouseOver=this.style.color='#FAAC58'; onMouseOut=this.style.color='#000000';>"
htmlTasca=htmlTasca & "<font color='#FAAC58'>"&objRsCos3("nom_tasca") & "</font></a>   "
htmlTasca=htmlTasca & "<img src='../images/page_white_text.png' width='16' height='16'"
htmlTasca=htmlTasca & " border='0' alt='Arxius'></a>   <br></div>"

response.write(htmlTasca)

objRsCos3.MoveNext
wend
objRsCos2.MoveNext
wend
objRsCos1.MoveNext
wend

Ahora necesito saber como ocultar y mostrar los hijos.
Muchas gracias de antemano