如何使用动画jquery更改宽度div

Question

我有两个div，一个display:block和另一个display:none。 （第一个div有块显示，第二个div没有显示，第一个div比第二个div大） 我也有两个按钮。

我想，当我点击第二个按钮时，我的第一个div变小，然后用动画更改为第二个div。

请指导我一下

Answer 1

将脚本引用添加到您的页面

您可以定义第二个按钮单击方法

<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>