История HTML5 - исчезновение / добавление содержимого при нажатии кнопки "Назад"

Question

Я уже более недели пытаюсь работать с API истории, но, как относительно неопытный разработчик внешнего интерфейса, некоторые объяснения мне не подходят. Эта статья имела для меня наибольшее значение, но я не смог заставить ее работать, особенно когда изображение заголовка остается видимым, но сжимается.

Я хотел бы стереть поблекшее содержимое с предыдущего щелчка, когда нажата кнопка "Назад". Вот текущая версия того, с чем я работаю: openCurrents

JSFiddle

JS

$('#intro-button-1').click(function(){
  $('#intro-1').fadeOut(777, function(){
    $('#intro-2').fadeIn(777);
  });
});

$('#intro-button-2').click(function(){
  $('#home-logo').animate({width: "400px", height: "100px"}, 1200);
  $('#intro-2').fadeOut(777, function(){
    $('#intro-3').fadeIn(777);
  });
});

$('#intro-button-3').click(function(){
  $('#intro-3').fadeOut(777, function(){
    $('#intro-4').fadeIn(777);
  });
});

$('#intro-button-4').click(function(){
  $('#intro-4').fadeOut(777, function(){
    $('#intro-5').fadeIn(777);
  });
});