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に戻すことになっています。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）アニメーション化するには、要素の現在の高さと幅よりも大きい高さと幅を指定する必要があります。つまり、css uがすでに7emを指定しているように、7emを超える値を指定する必要があります。

4）jsFiddleリンクで見つけたように、要素にIDが与えられていません

上記のすべてのポイントは、あなたが提供したリンクhttp://jsfiddle.net/q5RwE/2/に基づいてい ます。

Answer 2

コードを次のように変更します

.animate（{width： "7em"、height： "7em"}）;