$("a").click( function(){ var content = ''; //create a hidden div to hold the content $('body').append(''); //strip the information out of this link var destination = $(this).attr("href"); //start by fading the content currently there out $('#lev3Bottom').fadeOut(1200,function() { //next we are going to get the data out of the other page and bring it into the dom $.get(destination, function(data){ alert($('#lev3Bottom',data)); $('#hiddenDiv').append(data); //loading the content we want out of the hidden div content = $('#lev3Bottom').html(); //ditching the hidden div $('#hiddenDiv').remove(); //adding the content to the original and fading it back in $('html').children('body').children('#lev1').children('#lev2Right').children('#lev3Bottom').html(content).fadeIn(1200); //$('html').children('body').children('#lev1').children('#lev2Right').children('#lev3Bottom').fadeIn(1200); }); }); //finally, we don't want to actually go to the link we clicked, so return false return false; }); });