span hide

by AJIEKCEU

HTML

<div class="order_process">
					
						<div class="order_process_title">
							<h2>Оформление заказа</h2>
						</div><!-- close  order_process_title -->
					
						<form method="get" name="#" id="form_validate" action="">
						
							<div class="radio_button section">
								<input type="radio" name="radio" id="radio1" checked="checked" /><label for="radio1">В кассе</label>
								<input type="radio" name="radio" id="radio" /><label for="radio">Курьером</label>
							</div><!--  close radio_button -->
								
							<div class="feedback_form ">
									
									<div class="bg_input_left field">				
										<div  class="bg_input_right">
											<div class="field_holder bg_input_center">
												<span class="paceholder">Имя<sup>*</sup></span>
												<input type="text" class="  field_text" name="name" />
											</div><!-- close  input_holder -->
										</div > <!-- close  bg_input_right -->
									</div> <!-- close  bg_input_left -->
									
									<div class="bg_input_left field">	
										<div  class="bg_input_right">
											<div class="field_holder bg_input_center">
												<span class="paceholder">Фамилия<sup>*</sup></span>
												<input type="text"  class="  field_text" name="fam" value="" />
											</div><!-- close  input_holder -->
										</div > <!-- close  bg_input_right -->
									</div> <!-- close  bg_input_left -->
									
									<div class="bg_input_left field">	
										<div  class="bg_input_right">
											<div class="field_holder bg_input_center">
												<span class="paceholder nosup">Отчество</span>
												<input type="text" class="  field_text" name="otch" />
											</div><!-- close  input_holder -->
										</div > <!-- close  bg_input_right -->
									</div> <!-- close  bg_input_left -->							
									
								
									<div class="bg_input_left field">	
										<div  class="bg_input_right">
											<div class="field_holder...

CSS

@charset "utf-8";
@font-face {font-family: 'als_rublregular';src: url('http://yanovich.by/kassa/fonts/rouble.eot');src: url('http://yanovich.by/kassa/fonts/rouble.eot?#iefix') format('embedded-opentype'),url('http://yanovich.by/kassa/fonts/rouble.woff') format('woff'),url('http://yanovich.by/kassa/fonts/rouble.ttf') format('truetype'),url('http://yanovich.by/kassa/fonts/rouble.svg#als_rublregular') format('svg');font-weight: normal;font-style: normal;}
@font-face {font-family: 'archiveregular';src: url('http://yanovich.by/kassa/fonts/archive.eot');src: url('http://yanovich.by/kassa/fonts/archive.eot?#iefix') format('embedded-opentype'),url('http://yanovich.by/kassa/fonts/archive.woff') format('woff'),url('http://yanovich.by/kassa/fonts/archive.ttf') format('truetype'),url('http://yanovich.by/kassa/fonts/archive.svg#archiveregular') format('svg');font-weight: normal;font-style: normal;}
html *{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*behavior:url(css/htc-libs/boxsizing.htc);}
html{font-size: 100%;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;height: 100%;}
body{font: 13px  Arial, Verdana, sans-serif;line-height:1.4;color:#333333;background: #fff url(http://yanovich.by/kassa/images/bg_body.png) top left repeat-x; direction:ltr;height: 100%;}
a, a:link, a:visited {color:#598be0;text-decoration:underline;}
a:hover, a:focus, a:active {outline:0; color: #dd2d00;}
.pseudo_link{border-bottom:1px dotted #598be0;color:#598be0;cursor:pointer;text-decoration: none !important;}
.pseudo_link:hover{color:#dd2d00!important;border-bottom:1px dotted #dd2d00;}
.chromeframe{background:#ccc;color:#000;margin:.2em 0;padding:.2em 0;}
.hide{display:none;}
.left{float:left;}
.right{float:right;}
p{margin-bottom:1em;}
.cf:before, .cf:after{content:"";display:table;}
.cf:after {clear:both;}
.cf {*zoom:...

JavaScript

//form  placeholder 	
$('.field_holder input').focus(function(){
    $(this).parent().addClass("parent_active");
	});
	
$('.select_form  .paceholder').click(function(){
    $(this).parent().addClass("parent_active");
	});


$('.field_holder input').blur(function(){
var  data = $(this).val();
   if (data == 0){
   
    $(this).parent().removeClass("parent_active");
    }
    
	});