Edit in JSFiddle

$("#animate-box")
	.animate({width: "100px"}, {duration: 1000, queue: "customQueue"})
	.animate({height: "100px"}, {duration: 1000, queue: "customQueue"})
	.animate({opacity: 0.5}, {duration: 1000, queue: "customQueue"});

$("#start-animation-button").click(function(){
	$("#animate-box").dequeue("customQueue");
});

$("#reset-animation-button").click(function(){
	$("#animate-box").removeAttr("style");
});
#animate-box{
	width: 50px;
	height: 50px;
	background-color: #ebc621;
	margin-top: 10px;
	position: relative;
}
<div id="animate-box"></div>
<button type="button" id="start-animation-button">Alusta animatsioonidega</button>
<button type="button" id="reset-animation-button">Reset</button>
<p>
Sa võid "reset" nuppu vajutada, aga pärast seda enam animatsioonid ei mängi, sest järjekord "customQueue" on läbi võetud (kõik animatsioonid on eemaldatud)
</p>