我要在点击按钮的时候，重置div的位置与大小，要怎么办。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<title></title>
<style type="text/css">
div{
position: absolute;
margin-left: 100px;
height:10px;
width:10px;
background-color: #0000FF;
}
</style>
</head>
<body>
<input type="submit" value="left" id="testa"/>
<input type="submit" value="right" id="testb"/>
<div></div>
<script type="text/javascript">
$(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(){})
})
})
})
</script>
</body>
</html>
我要在点击按钮的时候，重置div的位置与大小，要怎么办。（我的想法是在click时再设一遍他的大小与位置。不过太繁琐。 有什么好的办法么。）
