[Resolvido] Mostrar DIV oculta com JavaScript

[Willian Vieira 0]

Srs,

 

Tenho uma DIV oculta pelas propriedades do CSS.

 

arquivo com div

<div id="oculto">
	...CONTEÚDO...
</div>

Arquivo CSS (propriedade que oculta a DIV)

#oculto{
	display: none;	
}

Tenho um link que chama uma função

<a onclick="mostrarOculto();">Novo</a>

Ao clicar no link, a função deve mostrar a div e se a div estiver visivel deve oculta-la.

Dessa forma deve alternar entre OCULTA e VISIVEL.

função js:

function mostrarOculto(){	
	if (document.getElementById('oculto').style.display == "none"){
		document.getElementById('oculto').style.display = "block";		
	}else{
		document.getElementById('oculto').style.display = "none";		
	}
}

o código acima funciona normal. Só que apartir do segundo click no link. No primeiro click não acontece nada. não chama a função.

Alguém sabe dizer onde estou errando?

 

Att,

Willian Vieira

[klonder 14]

Você poderia tentar algo do tipo:

 

var visivel = false;

function mostrarOculto(){
var objDiv = document.getElementById('oculto');     
   if (visivel == false){
      objDiv.style.display = "block"; 
      visivel = true;             
   }else{
      objDiv.style.display = "none";
      visivel = false;         
}
}

[iRCC 0]

Já tentou usar assim?

 

unction mostrarOculto(){       
        if (document.getElementById('oculto').style.display == "none"){
                document.getElementById('oculto').style.display = "";              
        }else{
                document.getElementById('oculto').style.display = "none";               
        }
}

[Fernando_curty 0]

é so por no link

onclick="javascript:document.getElementById('oculto').style.display = 'block';"

[Willian Vieira 0]

Você poderia tentar algo do tipo:

 

var visivel = false;

function mostrarOculto(){
var objDiv = document.getElementById('oculto');     
   if (visivel == false){
      objDiv.style.display = "block"; 
      visivel = true;             
   }else{
      objDiv.style.display = "none";
      visivel = false;         
}
}

Perfeito!

Muito obrigado pela dica funcionou beleza...

[resolvido]