表单提交时的Javascript转换?

表单提交时的Javascript转换?,javascript,jquery,html,css,Javascript,Jquery,Html,Css,我正在使用Javascript提交表单。所有的工作都很好,但当用户点击“提交”时,我希望表单在一条简单的消息中消失。它所需要做的就是更改CSS以淡出表单并淡入消息。没什么复杂的,但我对jQuery或javascript了解不够,无法实现这一点 以下是表格的代码: <div id="Voicemail"> <input class="vinput" type="text" id="cid_name" /> <label class="vlabel">Your N

我正在使用Javascript提交表单。所有的工作都很好,但当用户点击“提交”时,我希望表单在一条简单的消息中消失。它所需要做的就是更改CSS以淡出表单并淡入消息。没什么复杂的,但我对jQuery或javascript了解不够,无法实现这一点

以下是表格的代码:

<div id="Voicemail">
<input class="vinput" type="text" id="cid_name" />
<label class="vlabel">Your Number</label>
<input class="vinput" type="text" id="cid_number" />
<input class="light_button custom_button" type="submit" name="Voicemail" 
       onclick="send_call()" value="Leave A Voicemail" />
</div>

你的号码
这是我想要淡入的DIV:

<div id="success-call" class="hide">
<p>You will receive a call momentarily</p>
</div>

你马上就会接到一个电话

这就是我困惑的地方。如何淡出表格,淡入成功信息

谢谢你的帮助


这将使用jQuery完成



如果您更改
$(“#语音信箱,#成功呼叫”).fadeToggle(),则可以使用jQuery实现
$(“#语音邮件”).fadeToggle(函数(){$(“#成功调用”).fadeToggle()}),你不会得到令人讨厌的抽搐效果。真的。我的是异步的,但这可能是海报真正想要的。谢谢!起初无法让它工作,然后我意识到我有jQuery 1.4.1,需要1.4.4才能使切换正常工作。谢谢你的帮助,现在效果很好!如果更改
$(“#语音信箱,#成功呼叫”).fadeToggle()
$(“#语音邮件”).fadeToggle(函数(){$(“#成功调用”).fadeToggle()}),你不会得到令人讨厌的抽搐效果。真的。我的是异步的,但这可能是海报真正想要的。谢谢!起初无法让它工作,然后我意识到我有jQuery 1.4.1,需要1.4.4才能使切换正常工作。谢谢你的帮助,现在效果很好!
function send_call(){
    $("#Voicemail,#success-call").fadeToggle();
    // other stuff
}