right now I almost have this script working the way I want it to, here it is:

var hash = window.location.hash.substr(1);
	var href = $('.workimg a').each(function(){
		var href = $(this).attr('href');
			var toLoad = hash+'.html #selected';

	$('.workimg a').click(function(){
		var toLoad = $(this).attr('href')+' #selected';
		$('#wrapper').append('<span id="load">LOADING...</span>');
		window.location.hash = $(this).attr('href');
		function loadContent() {
		function showNewContent() {
		function hideLoader() {
		return false;
How it works is an image is clicked, and it fills the #selected div with content. The problem I'm having is the #selected div is always visible so the questions I have are
1. How do I get this to snap to the #selected Div and add a 1 second delay before the slideDown effect?
2. How do I get add a fade in effect so it becomes Opacity=0 -> slideDown -> Opacity=1 when it appears and Opacity=1 slideUp -> Opacity=0 when it transitions to the next?