Efeito ao abrir o spoiler

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>