Question

I have a notification div which dissapears after 5 seconds. How to add a fade out effect that the disappearing would be smooth and nice.

My code now:

<script type="text/javascript">
setTimeout(function(){
   document.getElementById('notification').style.display = 'none';
}, 5000);  
//5secs
</script>

Answer 1

This function will start counting after document ready. Can be added anywhere you want. As long as its between <script></script> tags or in a differne JS file.

$(function(){
    $("#notification").delay(5000).fadeOut(2000); // the 2000 is the time the fadeOut will take to disapear.
});

jsfidlle showing this: http://jsfiddle.net/jGtTP/