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';
}