Formulário por steps. Erro no display?

[makssie 0]

Bom dia,

 

Possuo um problema.

 

Na página que estou mexendo eu preciso passar a div "step2" para "step3"

 

Estou tentando utilizar esse comando. Essa função é chamada no OnClick do Submit do Form do Step2

 

<script>

function step3(){

$('.step2').css('display', 'none');

$('.step3').css('display', 'block');

}

</script>

Okay.

O problema vem agora.

Após o OnClick ser executado, rapidamente o step2 some, e aparece o step3.

Só que depois de alguns ms, parece que a página atualiza depois do submit e volta com o "STEP 2". E fica nisso.

Alguém sabe o que pode ser?

Obrigado.

[William Bruno 1501]

Vc está fazendo o submit com ajax?

 

se não, vai acontecer isso mesmo, pq vc está solicitando ao servidor, e ai ele mata a execução do javascript.

[makssie 0]

você está fazendo o submit com ajax?

 

se não, vai acontecer isso mesmo, pq você está solicitando ao servidor, e ai ele mata a execução do javascript.

 

Não estou.

 

Como seria esse procedimento?

 

Por que, a página é um HTML com várias DIVs de STEP.

 

E no último STEP preciso enviar para o sistema daqui.

 

Enfim, seria algo dessa maneira?

 jQuery(document).ready(function(){
 jQuery('.step2').submit(function(){
 var dados = jQuery( this ).serialize();

 jQuery.ajax({
 type: "POST",
 success: function()
 {
 $('.step2').css('display', 'none');
   $('.step3').css('display', 'block');}
});

return false;
});
});

[makssie 0]

Opa consegui aqui.

 

Era isso mesmo.

 

Obrigado.