Au CSS mettre l'id voulu en display none   
   
   <!-- Appelle du script de base jQuery -->
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

<!-- Application de l'effet -->
<script type="text/javascript">
$(document).ready(function() {

    // effet fondu en entrée à l'ouverture de la page
    $('#fade-in').fadeIn(1000);

    // effet fondu en sortie de la page entière par un clique sur un bouton
    $('#btn').click(function(event) {
    event.preventDefault();
    newLocation = this.href;
    $('body').fadeOut(800, newpage);
    });
    function newpage() {
    window.location = newLocation;
    }
});
</script>
<!-- a mettre juste avant </body> -->