Ben şöyle kodları yazayım. Size zahmet düzenleyin. Yaptım ancak olmadı.

function sendAjaxRequest(url) {
var result = jQuery.ajax({
type: 'GET',
context: document.body,
url: url,
dataType: "html",
async: true,
beforeSend: function() {

},
success: function(data) {
var $content = jQuery(data);
jQuery("#ajax-main-content").html(jQuery("#ajax-content-container", $content).html());
jQuery(".close-icon").removeClass("hidden");
jQuery('html, body').stop().animate({
scrollTop: jQuery("#ajax-content-scroll").offset().top - jQuery('#top-nav').outerHeight() - 100
}, 1000, 'easeInOutExpo');
jQuery("#ajax-main-content").slideDown();
}
}).responseText;
return result;
}
jQuery(document).ready(function() {
jQuery(".ajax-loader-link-acar").on("click", function() {
var href = jQuery(this).attr("href");
var target = jQuery(this).data("target");
if (jQuery(target).length) {
jQuery("#ajax-main-content").html(jQuery(target).html());
jQuery(".section-header", jQuery("#ajax-main-content")).css({
paddingTop: '20px'
});
jQuery(".close-icon").removeClass("hidden");
jQuery('html, body').stop().animate({
scrollTop: jQuery("#ajax-content-scroll").offset().top - jQuery('#top-nav').outerHeight() - 100
}, 1000, 'easeInOutExpo');
jQuery("#ajax-main-content").slideDown();
} else if (href != "#" && href != "") {
var result = sendAjaxRequest(href.replace('#', ''));
}
return false;
});
jQuery(".close-icon").on("click", function() {
jQuery("#ajax-main-content").slideUp();
jQuery(this).addClass("hidden");
return false;
});