[CSS][HTML][JavaScript]Pomoc css js Opcje

[Salur]

Witam, jak zrobić aby powoli się wyświetlał ukryty div a potem powoli znikał?

JS:

[HTML] pobierz, plaintext 
<script language="javascript"> 
function toggle5(showHideDiv, switchImgTag) {
        var ele = document.getElementById(showHideDiv);
        var imageEle = document.getElementById(switchImgTag);
        if(ele.style.display == "block") {
                ele.style.display = "none";
 
        }
        else {
                ele.style.display = "block";
 
        }
}
</script>
 
<div id="headerDivImg">
 
				<div id="titleTextImg"></div>
 
					<a id="imageDivLink" href="java script:toggle5('contentDivImg', 'imageDivLink');"><img src="img/kontakt.png"></img></a>
 
					</div>
 
					<div id="contentDivImg" style="display: none;">Dynamicznie działa?<br><br><br><br><br><br><hr>Działa!</div>
 
			</div>
[HTML] pobierz, plaintext 

[Comandeer]

transition na opacity: http://jsfiddle.net/Comandeer/4wn3ooed/