jquery - アニメーションjqueryで幅divを変更する方法

Question

私は 2 つの div を 1 つとdisplay:blockもう1 つ持っていdisplay:noneます。(最初の div にはブロック表示があり、2 番目の div には何も表示されず、最初の div は 2 番目の div より大きい) また、2 つのボタンがあります。

2番目のボタンをクリックすると、最初のdivが小さくなり、アニメーションで2番目のdivに変更されます。

それについて私を案内してください

Answer 1

スクリプト参照をページに追加してから、

2番目のボタンのクリック方法を定義できます

<script type="text/jscript">

 $('#ButtonID').click(function (e)
     {   
     //Make the first div smaller     
     $('#FirstDivID').attr('height','lesservalue');
     $('#FirstDivID').attr('width','lesservalue');
     //change the display property of the second div to make it visible
     $('#SecondDivID').attr('Display','block');
   });

</script>