JQuery/CSS转换内容

假设我有两种形式。当用户完成第一个表单时，他们可以单击“继续”并移动到第二个表单。目前，我只是使用fadein和fadeout在一个页面上显示这两个表单。但我想把它改成变换效果。假设第二种形式的盒子比第一种形式的盒子大。然后在完成第一个表单并单击submit之后，我希望它增长到第二个框的大小，然后显示下一个内容

---

我不知道这叫什么，我已经漫无目的地搜索了一段时间，但所有的东西都指向淡入淡出的效果，不相关的插件，如旋转，等等。有没有关于如何实现容器的这种转换效果的想法？感谢关于jQuery函数

slideUp（）

和

slideDown（）

如何处理，但是为了获得最大的灵活性，请使用

animate（）

并选择要设置动画的内容。

关于jQuery函数

slideUp（）

和

slideDown（）

但是为了获得最大的灵活性，请使用

animate（））

并选择要设置动画的内容。

下面是一个简单的示例

还有html

<div id="wrapper">
    <div id="form1">
        <form name="form1" action="" method="post">
            <p><input name="i1" /></p>
            <p><input name="i2" /></p>
            <p><input name="i3" /></p>
            <p><input name="i4" /></p>
        </form>
    </div>
    <div id="form2">
        <form name="form2" action="" method="post">
            <p><input name="i5" /></p>
            <p><input name="i6" /></p>
            <p><input name="i7" /></p>
            <p><input name="i8" /></p>
            <p><input name="i5" /></p>
            <p><input name="i6" /></p>
            <p><input name="i7" /></p>
            <p><input name="i8" /></p>
        </form>
    </div>
</div>
<a href="#">Click Here</a>​

​

下面是一个简单的例子

还有html

<div id="wrapper">
    <div id="form1">
        <form name="form1" action="" method="post">
            <p><input name="i1" /></p>
            <p><input name="i2" /></p>
            <p><input name="i3" /></p>
            <p><input name="i4" /></p>
        </form>
    </div>
    <div id="form2">
        <form name="form2" action="" method="post">
            <p><input name="i5" /></p>
            <p><input name="i6" /></p>
            <p><input name="i7" /></p>
            <p><input name="i8" /></p>
            <p><input name="i5" /></p>
            <p><input name="i6" /></p>
            <p><input name="i7" /></p>
            <p><input name="i8" /></p>
        </form>
    </div>
</div>
<a href="#">Click Here</a>​

​

您已经开始尝试使用animatin了吗？

---

也许这对你有帮助。

你已经开始尝试使用animatin了吗？ 也许这能帮你