Hide and Show com javascript

Usando javascript vamos ver como é possivel fazer um div “sumir,desaparecer” usando javascript;

 

Bassicamente consiste em um link chamando a função em javascript e uma div que irá “sumir, desaparecer”;

 

Implementando a função em javacript;

<script type="text/javascript">
 function hideandshow(){ /* Função hideandshow / Function hideandshow */
 if(document.getElementById('comments').style.display == 'inline'){
 document.getElementById('comments').style.display = 'none';
 }else{
 document.getElementById('comments').style.display = 'inline';
 }
 }
</script>

Função de nome hideandshow irá verificar o estado atual do ‘display’ da div ‘comments’, caso seja ‘inline’ a função assim que chamada mudará o ‘display’ para none, e vice-verça;

 

Div ‘comments’ css;

#comments{

display:none; / Estado inicial da div / Iticial state for the div / }

Div ‘comments’ code;

Exemplo / Sample

Botão/Button;

<a onclick="return hideandshow();" href="#">

Click </a>

EXEMPLO

XHTML 1.1 VALID

DOWNLOAD

VISAOSOFT BLOG