Jquery.fn.center - как кодировать переход и убрать функцию центра?

Question

<div id="click">GO TO CENTER</div>
<div id="back">BACK</div>

<div id="popLayer"></div>

  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>

#popLayer {
  width:100px;
  height:100px;
  background:red;
  top:50px;
  left:100px;
  position:relative;
}

.original {
  top:50px;
  left:100px;
  position:relative;
}

//

jQuery.fn.center = function () {
    this.css("position","absolute");
    this.css("top", Math.max(0, (($(window).height() - $(this).outerHeight()) / 2) + $(window).scrollTop()) + "px");
    this.css("left", Math.max(0, (($(window).width() - $(this).outerWidth()) / 2) + $(window).scrollLeft()) + "px");
    return this;
}


$("#click").click(function() {
  $("#popLayer").center();

});

$("#back").click(function() {
  $("#popLayer").addClass("original");
});

Когда я использую функцию jQuery.fn.center, могу ли я кодировать переход (перемещение)?

Я просто хотел закодировать переход, тогда он не появится сразу по центру, он будет динамически.

Возможно ли вернуть его в исходное место, где находилась коробка, после того, как я установил "центр".