Hola a todos, aqui está el problema
El Css
Código CSS:
Ver original#capauno, #capados{
width: 350px;
height: 30px;
border: solid 1px #000;
background-color: #EE922B;
padding: 5px;
display: none;
}
El Html
Código HTML:
Ver original<p><a href="#" onclick="mostrarcapa('capauno')">Mostrar-Ocultar div uno
</a></p> <div id="capauno">Contenido de div uno
</div> <p><a href="#" onclick="mostrarcapa('capados')">Mostrar-Ocultar div dos
</a></p> <div id="capados">Contenido de div dos
</div>
La Script
Código Javascript
:
Ver original/* ---------------------------- */
/* MostrarOcultar Capas */
/* ---------------------------- */
function mostrarcapa(layer){
var miCapa=document.getElementById(layer).style.display;
if(miCapa=="none"){
document.getElementById(layer).style.display="block";
} else {
document.getElementById(layer).style.display="none";
}
}
la demo
http://foros.emprear.com/mostrarcapas/mostrarcapas.html
la pregunta:
por que cuando entro la primera vez a la página (o después de recargarla) necesito de 2 clicks para mostrar las capas ocultas, después de que aparecieron por primera vez, ya se ejecutan con normalidad , con un click basta.
Alguna idea?
Saludos y gracias