//jQuery 寫法
$('#jq').click(()=>{
  $('#target').animate({
    left: 300
  }, {
    duration: 500,
    complete: function(){
      alert('完成位移，將恢復原狀！')
    }
  })
  reset('jq');
})

//改用 Velocity.js 試試
//animate => velocity
$('#vo').click(()=>{  
  $('#target').velocity({
    translateX: 300, //預設單位就是px，不需寫成translateX: "300px"
    backgroundColor: "#00f", //不能打"blue"，只能打色碼
    rotateZ: "45deg",
    opacity: .5
  },{
    duration: 500,
    complete: function(){
      alert('完成位移、變色、旋轉、透明度，將恢復原狀！')
    }
  })
  reset('vo');
})

var reset = function(now){   
  switch(now){
    case 'jq':
      $('#target').animate({left: 0}, 500)
      break;
    case 'vo':
      $('#target').velocity({
        translateX: 0,
        backgroundColor: "#f00",
        rotateZ: "0deg",
        opacity: 1
      },500)  
      break;
  }
}