Animacion con Jquery

<div class="square"></div>

.square{
  width: 100px;
  height: 100px;
  background-color: blue;
  top:50px;
  position:relative;
}

$(".square").animate({
  width: "500px",
  top: "50px"
}, 1000, "easeInOutQuint");
/*
   Se debe agregar jquery UI
  swing
  easeInOutQuint
  easeOutElastic
  easeOutBounce
 
  */