How to make github pjax style page transitions

Question

I once read an article that says that pjax goes to the github page, I checked jquery-pjax . I think I'm close to the answer, it must be something related to the event pjax:startand pjax:end, but I still can't get it to work, so I'm trying to get some help here.

$('a.pjax').pjax('#main');
$('#main').bind('pjax:start', function(){$('#main').slideUp()})
  .bind('pjax:end'), function(){$('#main').slideDown()});

But it has no effects

Answer 1

Github HTML5 . API- JS History CSS3. jQuery, , . https://github.com/blog/760-the-tree-slider

Answer 2

, . Pjax, , :

$('a.pjax').pjax('#main');
$('#main').bind('pjax:start', function(){$('#main').slideUp()})
.bind('pjax:end', function(){$('#main').slideDown()});

: , , . @Udo Held : "pjax: end", $('# main'). SlideDown().

Answer 3

Pjax: Demo , Source [Github]
This is the one that github use .. link