Executar form dentro de div oculta em jquery
E ae galera tudo tranquilo?
Bom estou com um problema quanto a div oculta, consigo normalmente ocultar e mostrar mais o meu pro é que nela tem um formulário e esse formulário faz uma validação de campos em php, até ai blza, mas..... quando executo o form pra retornar o erro a div fecha ai tenho que clicar novamente para abrir e ver o erro...
Olha o código:
>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="[http://www.w3.org/1999/xhtml">](http://www.w3.org/1999/xhtml)
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Show/Hide com jQuery</title>
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("a#mostra").toggle(
function() {
$("div#oculto").fadeIn(); // ou slideDown()
},
function() {
$("div#oculto").fadeOut(); // ou slideUp()
}
);
});
</script>
<style type="text/css">html {
font: 12px Arial, Helvetica, sans-serif;
text-align: center;
}#conteudo, #oculto {
background: #e5e5e5;
width: 480px;
margin: auto;
padding: 10px;
border: solid 1px #ccc;
}#conteudo h1 {
font-size: 15px;
}
#oculto {
display: none;
margin-top: 30px;
width:992px;
}
</style>
</head>
<body>
<div id="conteudo">
<a href="#" id="mostra">Clique aqui para exibir/ocultar um elemento</a>
</div>
<div id="oculto">
<form action="" name="teste" method="post" >
<fieldset>
<label>Teste</label>
<input type="text" size="50" name="teste" />
<input name="image" type="image" src="/adm_site/imagens/btn_gravar.png" />
<input name="gravar" type="hidden" value="gravar" />
</fieldset>
</form>
</div>
<div style="width:850px; background:#0CF; padding:5px">Testando</div>
</body>
</html>Coloquei o código html pra nem complicar com todo o php...
Se alguém puder dar uma solução eu agradeço, pq meu negócio é php e não jquery...
Discussão (2)
Carregando comentários...