Fala garoto!!!
precisa de dois arquivos, o que vai o form e o que recebe! ok
o que vai o form como form.php ou form.html
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
</head>
<script type="text/javascript">
$(document).ready(function () {
$('#forms').on('submit', function() {
//aqui serializo todos os inputs do form
$.ajax({
url: 'dados.php',
type: 'post',
data: $('#forms').serialize(),
success: function(data) {
//aqui depois de enviar envio o comando para as div aparecerem
$(".menu").show('fast');
$('#atuar').show('fast'); }
});
return false;
});
});
</script>
<style>
/* aqui defino as divs */
.menu{
position: relative;
float: left;
width: 300px;
background: #12C12B;
}
#atuar{
position: relative;
float: left;
clear: left;
margin-top: 5px;
background: red;
}
.botao {
width: auto; padding: 15px; background: #175604;
text-decoration: none; color: aliceblue;
}
</style>
<body>
<div>
<form id="forms">
<input type="text" name="name" placeholder="digite o nome" />
<input type="submit" value="enviar" />
</form>
</div>
<!-- coloco as divs que quero o resultado como hidden -->
<div class="menu" hidden>enviado com sucesso!</div>
<div id="atuar" hidden ><input type="button" value="download"></div>>
e o outro arquivo como dados.php que vai receber os dados
<?php
//aqui é o arquivo que pega os<a dadoshref="link vindoaqui"><div daclass="botao">download</div></a>
pagina form.html
$dados = $_POST['name'];
?></div>
espero ter ajudado!