Hola
Estaría bien que en próximas consultas lo explicaras mejor, como en tu segundo post
Prueba con esto
Código javascript
:
Ver original<html>
<style type="text/css">
.oculto {display:none}
</style>
<script type="text/javascript">
var visto = null;
function ver(num) {
obj = document.getElementById(num);
obj.style.display = (obj==visto) ? 'none' : 'block';
if (visto != null)
visto.style.display = 'none';
visto = (obj==visto) ? null : obj;
}
function ver1(num)
{
var t=setTimeout("ver("+num+")",1000) // Tarda 1 segundo en aparecer
}
function ver2(num)
{
var id = setInterval("ver("+num+")",1000); // Tarda 1 segundo en aparecer y parpadea durante 15 segundos
setTimeout("clearInterval("+id+")",15000);
}
</script>
<head>
</head>
<body>
<p onclick="ver(0)" style="z-index:3;">MENU0</p>
<div id="0" class="oculto" style="z-index:3;">
SubMenu0<br />
SubMenu0<br />
SubMenu0
</div>
<p onclick="ver(1)" style="z-index:3;">MENU1</p>
<div id="1" class="oculto" style="z-index:3;">
SubMenu1<br />
SubMenu1<br />
SubMenu1
</div>
<p onclick="ver(2)" style="z-index:2;">MENU2</p>
<div id="2" class="oculto" style="z-index:2;">
SubMenu2<br />
SubMenu2<br />
SubMenu2
</div>
<p onclick="ver(3)" style="z-index:1;">MENU3</p>
<div id="3" class="oculto" style="z-index:1;">
SubMenu3<br />
SubMenu3<br />
SubMenu3
</div>
</body>
</html>
Suerte