JSFiddle - React, Tailwind, and code Playground

by Dede Brolosse

HTML

<script src="http://code.jquery.com/ui/1.10.3/jquery-ui.js"></script>
<link rel="stylesheet" href="&quot;http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css">
<script src="http://code.jquery.com/jquery-1.8.2.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css">
<script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script>
<div data-role="page" id="page">
  <div data-role="content">

    <div id="pop-corn"><img width="340" height="70" src="http://www.mr.pop-corn.ca/images/stories/mr-popcorn-logo.png" /></div>
				<h3>Mr Pop-corn Spécialiste des stands alimantaires thématique : <br />514-817-4443</h3>
			            
            
          
     <div id="results_popcorn"></div>   
<div id="results_demande"></div>              
 <div name="div_form_demande_reservation" id="div_form_demande_reservation">
     
NOTE : <br>L'astérix (*) est un champs obligatoire 
          <input type="button" name="btn_calculer" id="btn_calculer"  value="Calculer" />    
     <form name="form_demande_reservation" id="form_demande_reservation"> 
		    
            
             <div data-role="controlgroup" data-type="horizontal">
             
                
			</div>  
            	  
	<div class="layer_wrap">
		       
               <div class="bienvenue">Indentification</div>
                                      
            <input type="hidden" name="mobile" id="mobile" value="mobile" />
            <input type="hidden" name="auth" id="auth" value="brolosse" />
            <input type="hidden" name="id_users" id="id_users" value="aucun" />
            <input type="hidden" name="id_client" id="id_client" value="aucun" />
            
            <input type="hidden" name="comming_form_demande_reservation" id="comming_form_demande_reservation" value="comming_form_demande_reservation" />

<label for="nomcie">Nom de votre société *</label>

            <input type="text" name="nomcie"...

CSS

.error { 
    display: block; 
    color: red; 
    font-style: italic; 
} 
#message { 
    display:none; 
    font-size:25px; 
    font-weight:bold; 
    color:#333333; 
}

JavaScript

$(document).ready(function() {
	
   
$("#btn_calculer").click(function(){
		
			
$("#div_form_demande_reservation").hide();
  
    
$("#results_demande").html('test se fait bien mais toujours pas de disparition du module principale');
setTimeout('$("#results_demande").fadeOut("slow")',2000);
    
    
    
    setTimeout('$("#div_form_demande_reservation").fadein("slow")',2000);
   
				
	
	
		
			
			return false;
	});
});