试图返回以前褪色的html文件

Question

所以我在主HTML文件上有一系列按钮，淡出部分HTML并使用Javascript淡化新HTML，新HTML有一个后退按钮，我想用它来使当前的HTML文件褪色在主要的一个中消失并消失。但

这些是我的按钮：

<div id="buttons">
    <button id="button-job" class="button">FIND JOB</button>
    <button id="button-offers" class="button">OFFERS</button>
    <button id="button-save" class="button">SAVE</button>
</div>

另一个HTML上的后退按钮：

<button id="button-back" class="button">BACK</button>

这是我的Javascript：

$(function() {
  $("#profile1").load("profile.html");
  $("#button-job").click(function(){
      $("#profile1").fadeOut(1000,function(){
        $("#profile1").load("jobs.html");
        $("#profile1").fadeIn(1000);
      });
  });

  $("#button-offers").click(function(){
      $("#profile1").fadeOut(1000,function(){
        $("#profile1").load("offers.html");
        $("#profile1").fadeIn(1000);
      });
  });

  $("#button-back").click(function(){
    $("#profile1").fadeOut(1000,function(){
      $("#profile1").load("profile.html");
      $("#profile1").fadeIn(1000);
    });
  });

});