A jQuery toggle function that uses callbacks to animate elements in a particular order.

Animated Toggle Function

/* SET #PORTFOLIO TOGGLE */
$("#portfolio_toggle").toggle(
	function(){
		portfolioOpen();
  	},
	function(){
		portfolioClose();
  }
);

function portfolioOpen(){
	$('#portfolio').load('PUTYOURSAMEDOMAINLINKHERE', function(){
		busy();//BUSY MESSAGE
		$('#portfolio').slideDown('slow', function(){
		    $('#portfolio ul').fadeIn('fast',function(){
		    	$('#wrapper').animate({width:'900px'});//RESIZE WRAPPER
		    });
		    $('#portfolio ul li').each(function (i){
		    	var me = $(this);
		    	setTimeout(function(){ $(me).fadeIn('slow'); }, (20 * i));//FADE IN ANIMATION
		    });
		});
	});
}


function portfolioClose(){
	$('#wrapper').animate({width: '75%'});//RESIZE WRAPPER
	$('#portfolio ul li').fadeOut('fast',function(){
	    $('#portfolio').slideUp('slow', function(){
	    });
	});
}