Few checkpoints...
Make sure you include the jQuery library, inside your <head>.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"></script>
If that's fine, do you have an element with the class .footer? If not, is it an ID? In that case, you need to add this:
$(document).ready(function() {
$('#footer').click(function() {
$('#footer').fadeOut('slow');
});
});
Actually, this can be done in another best way:
$(document).ready(function() {
$('#footer').click(function() {
$(this).fadeOut('slow');
});
});
