quinta-feira, 13 de outubro de 2016

Mostrar/ocultar DIV

Olá! Muitas vezes, é necessário exibir certa informação apenas sob demanda do usuário, por exemplo, após o clique em um botão. Há diversas formas de fazê-lo. Aqui, apresento a forma mais simples e prática para executar o efeito, entendendo seu funcionamento.

Exemplo 1
Exemplo 2


Veja como funciona:


Código (javascript):

function mostrar(id){
    document.getElementById(id).style.display = 'block';
}
function fechar(id){
    if(document.getElementById(id).style.display == 'block'){ 
        document.getElementById(id).style.display = 'none';
    }else{
        document.getElementById(id).style.display = 'block';
    }
}

Código do botão:

<span onclick="mostrar(id_do_elemento_a_ser_mostrado)">Mostrar/Ocultar</span>







Nenhum comentário:

Postar um comentário