Olá Gente, Eu estou com uma grande dúvida que eu gostaria de aprender... Eu tenho um menu tree que é esse aqui: <html>
<head>
<script type="text/javascript">
function toggle( id ){
var div = document.getElementById( id );
div.style.display = div.style.display=='block' ? 'none' : 'block';
}
</script>
<style type="text/css">
#um, #dois, #tres { display: none; }
</style>
<link href="referente_copia_1.css" rel="stylesheet" type="text/css" />
</head>
<body>
<font face="" onclick="toggle('um')">Texto 1</font><p>
<font face="" onclick="toggle('dois')" >Texto 2</font><p>
<font face="" onclick="toggle('tres')" >Texto 3</font>
<div id="centro">
<p>
<div id="um" style="display: none;">Conteudo da DIV Um</div>
<p>
<div id="dois" style="display: none;">Conteudo da DIV Dois</div>
<p>
<div id="tres" style="display: none;">Conteudo da DIV Dois</div>
</p></p></div>
</body>
</html>
CÓDIGO CSS:
#centro {
background-color:#CCCCCC;
width:100px;
height:100px;
margin-left:200px;
margin-top:-100px;
}
#um {
background-color:;
margin-left:0px;
height:px;
width:px;
}
#dois {
background-color:;
margin-left:0px;
height:px;
width:px;
}
#tres {
background-color:;
margin-left:0px;
height:px;
width:px;
}
#quatro {
background-color:;
margin-left:150px;
height:px;
width:px;
} Mas eu quero que quando eu clica no texto 1 ele apareça na div CINZA e quando eu clicar no Texto 2, o texto 1 some e aparece o Texto 2 e quando eu clicar no texto 3, o Texto 2 some e aparece o Texto 3...E quando eu clicar duas vezes no Texto 1 ele apareça e suma. Grato e estou no aguardo da respostar (= :rolleyes: