Ocultar/Exibir ao enviar formulário

[Guilherme De Lima Campos 3]

Bom dia a todos, o que tenho disponível seria isso:

header

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
	jQuery('#avise_me').submit(function(){
		var dados = jQuery( this ).serialize();

		jQuery.ajax({
			type: "POST",
			url: "acao/avise-me-estoque.php",
			data: dados,
			success: function( data )
			{

			}
		});
		
		return false;
	});
});
</script>

body

<span id="formulario_avise_me">
<b>Avise-me quando chegar?</b><br /><br />
<form method="post" action="" id="avise_me">
	<input type="hidden" name="referencia_produto" value="<?php echo $model; ?>" />
	<input type="hidden" name="titulo_produto" value="<?php echo $heading_title; ?>" />
	E-mail: <input type="text" name="email" /> <input type="submit" value="Avise-me" />
</form>
</span>
<span id="formulario_preenchido">
	Você será avisado quando ouver estoque disponível
</span>

O que eu preciso é o seguinte: manter sempre oculto a span#formulario_preenchido, porém quando for enviado o formulário, ele oculte a span#formulario_avise_me e exiba a span#formulario_preenchido.

 

 

Não manjo de js, desde já agradeço a ajuda de você.

 

Obrigadoo!!!

[Guilherme De Lima Campos 3]

Fui mexendo e consegui, muito facil!!

 

Obrigado a todos!!

 

Ficou assim:

$(document).ready(function(){
	$("#formulario_preenchido").css("display", "none");
});
jQuery(document).ready(function(){
	jQuery('#avise_me').submit(function(){
		var dados = jQuery( this ).serialize();

		jQuery.ajax({
			type: "POST",
			url: "acao/avise-me-estoque.php",
			data: dados,
			success: function( data )
			{
				$("#formulario_preenchido").css("display", "block");
				$("#formulario_avise_me").css("display", "none");
			}
		});
		
		return false;
	});
});