jquery - jQuery：点击放大和移动

Question

我对 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做到这一点，我可以接受！！）

Answer 1

$(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/

Answer 2

像这样更改您的代码

.animate({width:"7em",height:"7em"});