$(document).ready(function() {
	
	$('span').mouseenter(function() {
		$(this).animate({ opacity: '0' }, 800);
	}).mouseleave(function() {
		$(this).animate({ opacity: '0.5' }, 1000);
	});
	
	$('span').click(function() {
		$(this).addClass('removed');
		$('h1').animate({ top: '-=5' }, 50, function() {
			$('h1').animate({ top: '+=10' }, 200, function() {
				$('h1').animate({ top: '-=5' }, 200);
			});
		});
	});

});