<a href="#">TIKLA</a>
<p>Kuyruk uzunluğu: <span></span></p>
<div></div>
a{display: inline-block; background: #00FF99; padding:20px; border-bottom:4px solid #00CC00; color:#00CC99; text-decoration:none; margin-bottom:20px;}
div{width:150px; height:150px; background:red;}
$("a").click(function(){
var div = $("div");
div.animate({height: 300}, "slow");
div.animate({width: 300}, "slow");
div.animate({height: 100}, "slow");
div.animate({width: 100}, "slow");
$("span").text(div.queue().length);
});
This Pen doesn't use any external CSS resources.