Árvore

[tntgui]

Quero fazer uma árvore de links bem básico. POr exemplo, tenho 5 links. Clicando no primeiro, abre-se abaixo e recuado à direito mais 3. Clicando de novo em cima, do "pai" é recolhido. Clico no outro, abre-se "os filhos" desse... e assim vai! Como posso fazer isso?

Abraços

[DataSet]

É so modificar...

<script language="javascript">

<!--

//iMasters/

var Aberto = ""

var Fechado = ""

function preload(){

if(document.images){

Aberto = new Image(16,13)

Fechado = new Image(16,13)

Aberto.src = "setaa.gif"

Fechado.src = "seta.gif"

}}

function mostra(item,item2){

if (item.style.display=='none'){

item.style.display='';

item2.src=Aberto.src

}

else{

item.style.display='none'

item2.src=Fechado.src

}

}

preload();

-->

</script>

<font face="Verdana" size="1" color=#CC0000>

<span id="menu1" onClick="mostra(menu1principal,menu1img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000">

<img id="menu1img" src="seta.gif" valign="bottom">&nbsp;Titulo 1</span><br>

<span id="menu1principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

<font face="Verdana" size="1" color=#CC0000>

<span id="menu2" onClick="mostra(menu2principal,menu2img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000">

<img id="menu2img" src="seta.gif" valign="bottom">&nbsp;Titulo 2</span><br>

<span id="menu2principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

<font face="Verdana" size="1" color=#CC0000>

<span id="menu3" onClick="mostra(menu3principal,menu3img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000">

<img id="menu3img" src="seta.gif" valign="bottom">&nbsp;Titulo 3</span><br>

<span id="menu3principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

<font face="Verdana" size="1" color=#CC0000>

<span id="menu4" onClick="mostra(menu4principal,menu4img)" style="cursor:hand; font-Family:Verdana; text-decoration:none; font-weight:bold; color:#CC0000">

<img id="menu4img" src="seta.gif" valign="bottom">&nbsp;Titulo 4</span><br>

<span id="menu4principal" style="display:'none'">

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link1</a><br>

&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<a href=# target=>Link2</a><br>

</span></font>

[tntgui]

Valeu!!!