Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

gulliva

Dificuldade com menu tree (css)

Por , em Desenvolvimento frontend

Recommended Posts

gulliva    0

gulliva
Postado

Estou tentando fazer um menu tree bem básico mas estou com uma certa dificuldade.

 

Acontece que ele funciona quse beleza o único problema eh que tem que apertar duas vezes nos links para aparecer o conteúdo oculto. No i.e. esse problema eh melhor perceptível....

 

ok? valew

 

Testem meu código.

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /><title>Untitled Document</title><style>#Subs1, #Subs2, #Subs3 {	visibility: hidden;	overflow:hidden;	height : 0%;	}</style><script>function AbrirCategoria( id ){	css = 'Subs' + id;	if (document.getElementById){		MYstyle = document.getElementById(css).style;	}else if (document.all){		MYstyle = document.all[css].style;	}else if (document.layers){		MYstyle = document.layers[css];	}	if(MYstyle.visibility=="hidden"){		MYstyle.height = '100%';		MYstyle.overflow = "visible";		MYstyle.visibility = "visible";	}else{		MYstyle.height = '0%';			MYstyle.overflow = "hidden";		MYstyle.visibility = "hidden";	}	}</script></head><body>	<div class="Categoria"><a href="java script:AbrirCategoria( 1 );">teste</a></div>	<div id="Subs1">haha</div>		<div class="Categoria"><a href="java script:AbrirCategoria( 2 );">teste</a></div>	<div id="Subs2">haha</div>		<div class="Categoria"><a href="java script:AbrirCategoria( 3 );">teste</a></div>	<div id="Subs3">haha</div></body></html>

Compartilhar este post

Link para o post
Compartilhar em outros sites

micox    2

micox
Postado

O mico, esse ali foi eu que fiz para um curso deles.Fiz em agosto....mas sem estresse!!!

heheh diboas. A idéia é simples mesmo. Só quem complica são alguns malucos que enchem de função e talz.Já ví códigos bizarros pra fazer uma coisa tão simples.

Compartilhar este post

Link para o post
Compartilhar em outros sites
Ir para a lista de tópicos Desenvolvimento frontend
×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.

  Aceito