title: How to make github style page transitions by pjax
body: <p>Once a time, I read an article said that github page transition is made by pjax, I checked <a href="https://github.com/defunkt/jquery-pjax" rel="noreferrer">jquery-pjax</a> project. I think I have close to the answer, it must be something related with event <code>pjax:start</code> and <code>pjax:end</code>, but I still can't get it works, so I try to get some help here.</p>
  
  <pre><code>$('a.pjax').pjax('#main');
  $('#main').bind('pjax:start', function(){$('#main').slideUp()})
    .bind('pjax:end'), function(){$('#main').slideDown()});
  </code></pre>
  
  <p>But it has no effects</p>