Bom dia galera da stack overflow. Eu estou passando por um problema estranho, nem sei como o descrever.
Basicamente tenho as 2 telas a baixo
Eu estou criando um form, onde vai ser necessário cadastrar e editar no mesmo. Então minha ideia foi criar 3 botões, um para editar, ou para cadastrar e outro para cancelar.
<div class="col-md-12">
<a href="javascript:;" id="EdicaoLocalidade" class="btn green EditarLocalidade">Editar Localidade</a>
<a href="javascript:;" id="CadastrarLocalidade" class="btn green CadastrarLocalidade">Cadastrar Localidade</a>
<a href="javascript:;" class="btn default Cancelar">Cancelar</a> </div>
A ideia é, quando apertar o botão Nova Localidade, é fazer com que o botão Editar desaparecesse, assim ficando apenas o Cadastrar e Cancelar.
$('.page-toolbar a').click(function() {
inicNovaLocalidade();
$('.portlet.NovaLocalidade').slideDown();
$(this).addClass('disabled');
$(".EditarLocalidade").css("display","none");
});
A mesma ideia seria para o editar, quando clica na caneta, ao lado dos dados, ou seja, para editar.
$(".Editar").on('click', function () {
$('.portlet.NovaLocalidade').slideDown();
$(".CadastrarLocalidade").css("display","none");
})
O problema bizarro, é quando eu aperto primeiro o Editar, o botão cancelar não funciona de jeito nenhum, porém se eu aperto o Nova Localidade, o cancelar, funciona certinho, para ambos os casos.
A minha ideia, é que quando apertasse o cancelar, alem de dar o slide down, ia desfazer o efeito de oculto do botão.
//evento click do cancelar
$('#CadastroLocalidade a.Cancelar').click(function() {
//teste para o botão cadastrar localidade
var editLocalidade = document.getElementById("EdicaoLocalidade");
var cadLocalidade = document.getElementById("CadastrarLocalidade");
if(editLocalidade.style.display != 'none'){
$('.portlet.NovaLocalidade').slideUp();
$('.page-toolbar a').removeClass('disabled');
$(".EditarLocalidade").css("display","inline-block");
}
});
ATUALIZANDO
Quando clico nesse botão aqui, que o cancelar não funciona... de forma alguma, esse o erro