AJAX (jQury) + URL change + navigation (history)?

Question

JavaScript

Guys, no strength, explain how to implement a change in the url address when clicking on an ajax link (+ working with history) using jquery?

here is the ajax code:

var AjaxContent = function(){
    var container_div = ''; 
  var content_div = ''; 
  return {
    getContent : function(url){
      $(container_div).animate({opacity:0}, 
        function(){ 
          $(container_div).load(url+" "+content_div,
            function(){						   
               $(container_div).animate({opacity:1}); 
            }
          );        
        }
      );
    },
    ajaxify_links: function(elements){
      $(elements).click(function(){
        AjaxContent.getContent(this.href);
        return false; 
      });
    },
    init: function(params){ 
      container_div = params.containerDiv; 
      content_div = params.contentDiv;
      return this; 
    }
  }
}();

HTML:

<script type="text/javascript">
$(function(){
AjaxContent.init({containerDiv:"#ajax_wrap",contentDiv:"#menu_info_content"}).ajaxify_links("#menu_info a");
});
</script>
...
<ul id="menu_info">
   <li><a href="contact.html">Contact</a></li>
   <li><a href="about.html">About</a></li>
</ul>
...
<div id="ajax_wrap" >
   <div id="menu_info_content" style="display:none"></div>
</div>
...

Answer 1

pjax google

Answer 2

bit.ly/1EhvliZ