Efeito ao abrir o spoiler

[Leonardo Carmo 0]

Seguinte galera, tenho um código que está funcionando 100%, mas quando ele abre o conteudo que estava escondido ele abre muito "bruscamente" simplesmente joga na cara hehe eu queria que ele aparecesse levente, com um efeitinho de cima pra baixo algo assim, pra ficar menos rude.. alguem pode me dar uma luz de como inserir isso nesse código?

<script type="text/javascript">
function abrir() {
    var main = document.getElementById("central");
    var iten = main.getElementsByTagName("input");
    if (iten) {
        for (var i=0;i<iten.length;i++) {
            iten[i].onclick = function() {
                var el = document.getElementById(this.id.substr(7,7));
                if (el.style.display == "block")
                    el.style.display = "none";
                else
                    el.style.display = "block";
            }
        }
    }
}
window.onload=abrir;
</script>

[William Bruno 1501]

A melhor forma de fazer isso é utilizar css transition.

 

Ai o seu js em vez de mudar o display, colocaria ou tiraria uma classe css, e o efeito fica por conta do css.

[Leonardo Carmo 0]

E como posso fazer com que ele mude o css? Não manjo muito de java to tentando estudar mais ta foda heuheuhe me virar com o css é tranquilo

[William Bruno 1501]

                if (!el.classList.contains('hide'))

el.classlist.add('hide');

else

el.classList.remove('hide');

https://developer.mozilla.org/en-US/docs/Web/API/Element.classList