更改DIV大小，使用jQuery平滑

我一直在阅读jQuery网站上的放松功能。我的目标是平滑提交表单时发生的Div调整

JFiddle-
沙箱-
请随意测试表单，查看上面提到的Div调整。请使用test@test.com

如您所见，当POST成功时，Div立即捕捉到位。我希望使用摇摆放松效果使体验更愉快

我在玩游戏，感觉自己好像完全搞砸了。我取出了测试代码，因此它是一个更干净的环境，有人可以帮助我：）

---

我感谢你的帮助

如果我理解正确，您可能希望替换此：

$('#myForm').ajaxForm(function() { 
  document.getElementById('formFill').style.visibility = 'hidden';
  document.getElementById('joinDiv').style.width = '842px';
  $("#joinText").html( 'Thank you for signing up!');
}); 

为此：

$('#myForm').ajaxForm(function() { 
  document.getElementById('formFill').style.visibility = 'hidden';
  $("#joinText").html( 'Thank you for signing up!');
  $('#joinDiv').animate({width: '842px'}, 1000, 'swing');
});

animate

的第一个参数是一个散列，用于描述要在其中结束动画的“结束状态”。看起来您的joinDiv是649px或其他什么，因此

animate

调用将在1秒内将其从649增长到842（1000ms，第二个参数）。对于这种类型的东西来说，这是一种缓慢的过渡，但是你可以通过将1000减少到一些较低的数字来轻松地调整它。第三个参数是缓和功能。还有一个可选的第四个参数，它在动画完成后使用回调函数执行某些操作

---

第一个参数可以包含更多的内容。例如，

{width:'842px'，height:'200px'，opacity:'0.0'}

它会在高度和宽度上增长，同时从80%的不透明度的起始值逐渐变为完全透明，所有这些都是同时平滑的。

表单刚刚提交（没有ajax），控制台显示“未捕获引用错误：未定义验证”对不起！我删除了所有的验证内容以保持主题的正确性。我忘了删除aJax中的验证行。再试一次，它会很好的工作。你解释了这个惊人的。我现在要把它付诸实践，看看结果如何。在阅读jQuery文档后，您肯定帮助我修复了剩余的灰色区域。我可能没有正确地实现它。它似乎正在打破AJAX，因为现在你得到了空白的成功页面。你介意看看我是否做错了什么吗？注意，我用三个}）试过这个；还有两个。哎呀，“swing”后面根本不应该有一个“}”。这能解决问题吗？伊森-你让我的朋友心烦意乱。我真的很感谢你的帮助：）。