How transition works?

[supercain]

Hi,

i made a simple toggle visibility button with javascript and css:

function toggle(iden) {
if(document.getElementById(iden).className=="exp_open") {
document.getElementById(iden).className="exp_close";
} else{
document.getElementById(iden).className="exp_open";
}
}

.exp_close {
    display: none;
}


.exp_open {
    display: block;
    transition:all 1s;
}

<h2 onclick="toggle('block1');"></h2>
<div id="block1" class="exp_close"></div>

what im trying to achieve is a smooth slide-like effect instead of having the element just appear and disappear by using css transition property but i really dont understand quite well how to use it. Could you please give me a hint?

Thank you.

[supercain]

Forget it... i had to figure it out myself...