[Résolu] Formulaire php dans un "slide" jquery

Bonjour,

Dans une page, suivant le choix visiteur sur un lien, je fais apparaître un article (au sens html5).
Dans l'un de ces articles, j'ai un formulaire de recherche.
Faire apparaître et disparaitre, pas de soucis, mais le problème c'est que lors de la soumission du formulaire de recherche, celui-ci disparaît (avec sa/ses répons-s-); la page est rechargée semble-t-il.
Voici la partie html:

		
<article id="generique_recherche">
<p class="choix_recherche"><a href="#resultats_moteur" id="affiche_moteur" title="moteur">Recherche classique (moteur)</a></p>
			
<p class="choix_recherche"><a href="#resultats_intuitifs" id="affiche_intuitifs" title="intuitifs">Recherche intuitive</a></p>
		
</article>
		<article id="resultats_moteur">
				<?php 
					include('codes/fonction-barrenav.php');
					include('codes/moteur.php'); 
					include('codes/resultat_moteur.php');
	
				?>
				<p><a href="#generique_recherche" title="choix de la recherche" class="scrollTo" id="change_choix_recherche">Revenir aux choix de recherche</a></p>
		</article>
	<article id="resultats_intuitifs">
		<h2>Nos biens en exclusivités</h2>
.....plein de code en php/sql...
</article>

Le js (que les puristes m'excusent, je me doute bien qu'il y a plus simple et mieux, et plus propre, mais je suis nul de chez nul en js):

$(document) .ready(function () {
    $('#resultats_moteur') .hide();
		$('#resultats_intuitifs') .hide();
    $('#affiche_moteur') .click(function () {
        $('#resultats_moteur') .show('slide', {direction: 'left'}, 1000);
			$("#home_down").css({'display': "none"});
    });
		$('#affiche_intuitifs') .click(function () {
			$('#resultats_intuitifs') .show('slide', {direction: 'left'}, 1000);
				$("#home_down").css({'display': "none"});
		});
		
			$('#change_choix_recherche') .click(function (){
				$('#resultats_moteur') .hide(2000);	
					$('#resultats_intuitifs') .hide(2000);	
						$("#home_down").css({'display': "none"});
			});
			
				$('#moteur') .submit(function(){
					// c'est là que je bloque
				});
		
 });

Comment dois-je faire, pour que ce formulaire reste en place, que la page ne se recharge pas, que les résultats apparaissent?
D'avance merci pour vos réponses.

PS: avant d'envoyer ce message, je me dis que je ne suis pas très clair, et qu'un lien vous aiderait peut être...voir dans la partie "les biens". Merci encore
Modifié par boro64 (24 Jul 2014 - 14:02)

Il te faut regarder du coté de l'ajax pour réaliser ce que tu souhaites

Bonjour edenpulse,

Merci pour ta réponse, qui est celle que je craignais...
Je pense que je vais réécrire tout ça et le faire en css3, un peu comme ceci.
Merci quand même.
Je clos le sujet.