html重置按钮的大小,我要在点击按钮的时候，重置div的位置与大小，要怎么办。...

div{

position: absolute;

margin-left: 100px;

height:10px;

width:10px;

background-color: #0000FF;

}

$(function(){

$("#testa").on("click",function(){

$("div").animate({left:"-=50px"},2000,function(){

$(this).animate(

{width:"+=40px",

height:"+=40px"},2000,function(){})

})

})

$("#testb").on("click",function(){

$("div").animate({left:"+=50px"},2000,function(){

//$("div").attr("width":"10px","height":"10px")

$(this).animate(

{width:"+=40px",

height:"+=40px"},2000,function(){})

})

})

})

我要在点击按钮的时候，重置div的位置与大小，要怎么办。(我的想法是在click时再设一遍他的大小与位置。不过太繁琐。 有什么好的办法么。)