提交表单时的 Javascript 转换？

Question

我正在使用 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>

这就是我困惑的地方。如何淡出表单并淡入成功消息。

感谢您的帮助!

Answer 1

Demo

---

function send_call(){
    $("#Voicemail,#success-call").fadeToggle();
    // other stuff
}

这将使用 jQuery 来完成