Skip to main content
Pergunta reaberta por Sergio
informações complementares
Fonte Link
Cobra
  • 1,2mil
  • 1
  • 13
  • 34

Pode parecer clichê, mas não encontrei e nem consegui adaptar nenhum código aqui do site as minhas necessidades. Peço desculpas se for redundância de conteudo, mas futuramente pode ajudar outras pessoas.

Como eu posso estar adicionando um efeito de FadeIn e FadeOut ao abrir e fechar o elemento, com base no seguinte script javascript:

Da seguinte forma está funcionando, mas sem o simples efeito de abrir.

OBS: também gostaria de saber se é possivel que, ao clicar no mesmo button, fechasse a DIV com um FadeOut.

HTML:

 <button type="button onclick="Mudarestado('formulario')">Abrir div</button>

Javascript:

   function Mudarestado(el) {
        var display = document.getElementById(el).style.display;
    
        if(display == "none")
            document.getElementById(el).style.display = 'block';
        else
            document.getElementById(el).style.display = 'none';
    } 

Pode parecer clichê, mas não encontrei e nem consegui adaptar nenhum código aqui do site as minhas necessidades. Peço desculpas se for redundância de conteudo, mas futuramente pode ajudar outras pessoas.

Como eu posso estar adicionando um efeito de FadeIn e FadeOut ao abrir e fechar o elemento, com base no seguinte script javascript:

function Mudarestado(el) {
    var display = document.getElementById(el).style.display;

    if(display == "none")
        document.getElementById(el).style.display = 'block';
    else
        document.getElementById(el).style.display = 'none';
} 

Pode parecer clichê, mas não encontrei e nem consegui adaptar nenhum código aqui do site as minhas necessidades. Peço desculpas se for redundância de conteudo, mas futuramente pode ajudar outras pessoas.

Como eu posso estar adicionando um efeito de FadeIn e FadeOut ao abrir e fechar o elemento, com base no seguinte script javascript:

Da seguinte forma está funcionando, mas sem o simples efeito de abrir.

OBS: também gostaria de saber se é possivel que, ao clicar no mesmo button, fechasse a DIV com um FadeOut.

HTML:

 <button type="button onclick="Mudarestado('formulario')">Abrir div</button>

Javascript:

   function Mudarestado(el) {
        var display = document.getElementById(el).style.display;
    
        if(display == "none")
            document.getElementById(el).style.display = 'block';
        else
            document.getElementById(el).style.display = 'none';
    } 
Pergunta fechada como "Precisa de detalhes ou esclarecimentos" por Sergio
Fonte Link
Cobra
  • 1,2mil
  • 1
  • 13
  • 34

Efeito FadeIn e FadeOut em DIV

Pode parecer clichê, mas não encontrei e nem consegui adaptar nenhum código aqui do site as minhas necessidades. Peço desculpas se for redundância de conteudo, mas futuramente pode ajudar outras pessoas.

Como eu posso estar adicionando um efeito de FadeIn e FadeOut ao abrir e fechar o elemento, com base no seguinte script javascript:

function Mudarestado(el) {
    var display = document.getElementById(el).style.display;

    if(display == "none")
        document.getElementById(el).style.display = 'block';
    else
        document.getElementById(el).style.display = 'none';
}