Estou tentando fazer um formulário com múltiplas janelas, mas não entendo o que está dando de errado.
O que quero fazer é que ao clicar nos botões ele esconda e mostra o próximo formulário.
UPDATE
Segui a sugestão do @afonso, mas ainda não está funcionando, inclusive atualizei meu codepen, lá também não funciona.
$( window ).load(function() {
$('form button').on('click', trataForm);
function trataForm(event) {
event.preventDefault();
var $bloco = $(event.currentTarget).parents('div');
$bloco.removeClass('active');
if($(this).hasClass('next')){
if ($bloco.is(':last-child'))
$(event.currentTarget).parents('form').submit(); //<-aqui
else
$bloco.next().addClass('active');
}else{
if (!$bloco.is(':first-child'))
$bloco.prev().addClass('active');
}
}
});
Eu estou no WordPress. Fiz um plugin que adiciona o css
e js
. Ele obriga você a fazer as chamadas dentro de uma function, ou $( window ).load
, e por algum motivo ele sempre cai na primeira condição (onde coloquei o comentário '<-aqui'). Alguém que sabe como resolver isso?