JQuery .animate()

by JM note

HTML

<style>
#red-box {
  position: relative;
  background: red;
  width: 100px; height: 100px;
}
</style>

<button id="btn-move">move</button>
<div id="red-box"></div>

<script src="//code.jquery.com/jquery.min.js"></script>
<script>
$("#btn-move").click( function() {
  $("#red-box").animate({
    left: "+=50"
  });
});
</script>