Edit in JSFiddle

$("#start-animation").click(function(){
	$("#animate-box-1").transition(
		{
			width: "200px", backgroundColor: "#96da71",
			delay: 500,
			duration: 1000,
			easing: "easeInOutBack",
			complete: function(){
				alert("Animatsioon lõppes");
			}
		}
	);
});

$("#reset-animation").click(function(){
	$("#animate-box-1").removeAttr("style");
});
.animate-box{
	background-color: black;
	width: 50px;
	height: 50px;
	position: relative;
}
<div class="animate-box" id="animate-box-1"></div>
<button type="button" id="start-animation">Animeeri</button>
<button type="button" id="reset-animation">Reset</button>