jquery - jQuery:单击以放大和移动

我对jQuery提出了另一个问题：
所以我有这个代码：

$(document).ready(function(){
$(this).click(function(){
    $("#block1").animate({width:7em,height:7em});
    $("#block2").animate({width:7em,height:7em});
    $("#block3").animate({width:7em,height:7em});
    $("#block4").animate({width:7em,height:7em});
    $("#block5").animate({width:7em,height:7em,function(){
        $(this).animate({width:20em,height:20em,top:4em,left:8em});
    });
});
});

那应该得到一些“便利贴”形状的盒子
1：将所有盒子恢复到原始位置和大小
2：在点击时放大，从弹出的原始位置移到屏幕中间。
你知道为什么这行不通吗？ （我不想让css悬停，但是如果有另一种方法可以通过css做到这一点，我可以接受！）

最佳答案

$(document).ready(function(){
  $(this).click(function(){
    $("#block1").animate({width:"7em",height:"7em"});
    $("#block2").animate({width:"7em",height:"7em"});
    $("#block3").animate({width:"7em",height:"7em"});
    $("#block4").animate({width:"7em",height:"7em"});
    $("#block5").animate({width:"7em",height:"7em"},function(){
       $(this).animate({width:"20em",height:"20em",top:"4em",left:"8em"});
    });
  });
});

1）在第7行“ $（”＃block5“）。animate（{width：” 7em“，height：” 7em“'}'，function（）{”

2）你还需要包括jQuery文件

3）要制作动画，您需要提供大于元素当前高度和宽度的高度和宽度才能看到效果，即大于7em，就像在css中您已经给出了7em

4）也没有像我在您的jsFiddle链接中找到的那样为元素提供ID

上述所有要点均基于您提供的链接http://jsfiddle.net/q5RwE/2/