Buenas tardes,
a ver quien me ayuda con lo siguiente: tengo 2 radio-button que activan uno u otro formulario.
Estos formularios se ocultan mediante una línea de jquery .css('display', 'none');
Si se pincha el primer radio, se despliega su formulario con una función slideDown que funciona correctamente.
Hasta aquí todo bien. El problema surge al activar el primer formulario, rellenar el campo y enviar al servidor para que el php devuelva una respuesta.
Lo que quiero es que al volver a cargar la página, la capa que contiene el formulario ya no esté oculta, y se muestre el formulario con los resultados a continuación.
Podría utilizar AJAX, pero bastante tiene ya la web y no quiero cargarla más con peticiones asíncronas.
Se trata sólo de modificar el jquery que oculta o muestra la capa del formulario, y seguro que es una bobada de línea, pero no sé cómo resolverlo, las cosas que he probado no me van.
Adjunto código:
JQuery:
$(document).ready(function(){
$('#divTitulo').css('display', 'none');
$('#seleccionar').click(function(){
$(window).onload(function(){
$('#divTitulo').css('display', 'block')
});
});
//Activar capa título existente:
$('input#ds1').click(function(){
if($('input#ds1').is(':checked')){
$('#divTitulo').slideDown('slow');
$('#titulo').focus();
$('#btn_seguir').fadeOut('slow');
}
});
});
y el HTML:
<input type="radio" name="disco_semana" id="ds1" value="1" />
<div id="divTitulo">
<form id="frm_disco_existe" method="get" action="#" >
<input type="text" name="titulo" id="titulo" /><br />
<input type="submit" value="Seleccionar" id="seleccionar" />
<input type="button" value="Cancelar" id="cancelar" />
</form>
</div>